合并外部JavaScript的实例

ziyouhua

html代码:
1 h5 N( O: e) j3 U$ b. \! ~

1. <html>   
   
2.   <head>   
   # F7 N  ^% Z: n* _
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   9 o% j: ?, {7 X% P1 i% v- V/ y
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
0 n6 V+ H, {0 U3 ?' c# B& l

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   ; f5 W4 i) k' L- O& k% f6 C. w; p
4. }  

复制代码

js2.js代码为：
; ^8 ?' D5 e- A* O( [

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

复制代码

合并后的html代码:

1. <html>   
   0 P5 a2 ?8 H) v7 M2 y
2.   <head>   
   9 e/ I) a7 E. ?' J4 |: u  z
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   ) ^  E! U, j  l0 Y1 K
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   & F' o( h8 b, a4 o. x9 }& X, g+ z& N
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   & q- W& D! {0 g+ o5 E# B
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   # f9 l9 ?& C: M. q9 H7 _" G/ U) }$ N, D
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！