合并外部JavaScript的实例

ziyouhua

html代码:
& }1 k9 i9 d9 A7 f' M3 Z. F% Q: N

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

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   3 N' a0 Z+ y% Q
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   + j1 R" y9 t' k( k% T) \
2.   logText("Application started.");   
   1 x& [4 n' r$ @! a0 G
3.   logText("Library operation confirmed.");   
   + I1 o- y& H8 q% N2 r8 f5 M1 m
4. }  

复制代码

合并后的html代码:
+ B( _+ q* u2 Q: t% T: Y

1. <html>   
   
2.   <head>   
   / L, `$ |8 \$ I' @! r
3.     <title>combine_javascript example</title>   
   & j6 }7 W( d2 f! c  H4 n, n
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

% G6 L1 S1 O/ X$ Q  z! B

alinwo

感谢分享！