合并外部JavaScript的实例

ziyouhua

html代码:
- M, Q+ O, D* i" r8 |/ W! b8 O

1. <html>   
   6 P" h/ H/ N+ m; U: R
2.   <head>   
   2 H$ ?* Q/ j# C2 N" ]
3.     <title>combine_javascript example</title>   
   3 ~' q* P8 t: J! a" w
4.     <script src="js1.js"></script>   
   ; E4 ~0 J2 B9 t+ t; f, l
5.     <script src="js2.js"></script>   
   7 q  Y5 M4 _# v' ^
6.   </head>   
   / c4 P4 D2 T, M4 t* q
7.   <body>   
   ! G, u6 i* c* |! i* C
8.     Hello, PageSpeed!   
   2 l; k5 J$ n! @( @! _0 r
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
& i8 P  q& O2 p: w2 H

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
! B4 ?+ w4 n( B) s1 w: [

1. <html>   
   * Q' S2 ?4 |0 d; b5 N6 l( t& U( T5 t# k
2.   <head>   
   1 X+ K# G6 D2 y
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   3 l: `2 }* d, f: M4 B( Y
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   7 A: ]' v3 Y/ T6 |6 w4 j
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ; ?8 Z/ n& R3 t0 e, V8 y
7.   </head>   
   
8.   <body>   
   9 ]! _( `* i. ]/ }. @1 F1 t4 {# q
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

0 _. n% E  y4 r0 T

alinwo

感谢分享！