合并外部JavaScript的实例

ziyouhua

html代码:
" w! \+ A4 v/ d* H7 Q+ W6 O

1. <html>   
   8 a, p2 i/ f- S- P$ ]
2.   <head>   
   : V( C& p- q7 P
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   2 `" `. P! _) H* ?% _9 l
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   2 S/ b' j8 X/ }) F9 e" z
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   6 A6 T- U* x2 E0 O
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   0 K8 ]  i/ K% T, I
4. }  

复制代码

js2.js代码为：
  |" I2 V3 O6 _) x

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

复制代码

合并后的html代码:
7 [" d5 s( e: l* |4 |0 o9 t& i

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   3 r% o- r8 o! ?* W$ F7 G, v2 F4 [
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   ) t3 o" N: h8 k6 B
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    - J  P+ B6 }4 n6 ~: m+ w; i
11. </html>  

复制代码

3 i8 z" O6 P8 {4 x) \

alinwo

感谢分享！