合并外部JavaScript的实例

ziyouhua

html代码:
8 ]/ i) ^% d) J+ ]6 Q' q1 c

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   9 g6 T0 S. c) R
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
2 P& F5 G5 E' e0 p' y

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   - c$ S  S% o! j' n  G! q; Q# o0 h
3.   document.body.appendChild(document.createElement("br"));   
   % N9 O0 r2 v+ T, j! s7 }
4. }  

复制代码

js2.js代码为：
- G8 f- ]; p, w- P& C

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

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   4 o9 P! i" m8 Q$ n
4.     <script src="js1-js2.js"></script>   
   & [" d. [- [: x5 r0 E4 B
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   $ g1 H( h4 @7 V# r
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   & z  n) f- W* J
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

1 s' q  K# T# b) g/ d8 q

alinwo

感谢分享！