合并外部JavaScript的实例

ziyouhua

html代码:
( q+ A9 t4 G, C2 R+ j0 Y4 M' z

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   " q, S/ r" w" l/ m; D
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   & |; ]4 |4 E; x9 d
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   % H" W9 \% {6 o; r6 _5 y/ Y
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   $ _8 y! w/ B# c  w, J- T
4. }  

复制代码

合并后的html代码:

1. <html>   
     y4 V' B0 l: c
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   - B* y% C' t0 `. C. g1 U$ F& d
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
     h) ?! Q7 _. B* n% l7 v+ k" p7 U
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   + V: O( i3 v: ]8 [. F. \
7.   </head>   
   
8.   <body>   
   ( H- x/ p5 A) [$ J+ s& i
9.     Hello, PageSpeed!   
   + X' V1 A# C9 A
10.   </body>   
    
11. </html>  

复制代码

; k6 O- _5 G; L" b8 p, Z

alinwo

感谢分享！