合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   % R& S/ u& |0 S' b* l& c3 a2 H
2.   <head>   
   + C# z5 N9 B; x) Q
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   / G+ ]7 k; D% J/ l5 J2 ]
8.     Hello, PageSpeed!   
   4 F  u8 F" u2 z1 A# c, B! x
9.   </body>   
   9 B( r6 n% S) R6 n; d6 O0 n6 R
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
     w2 |+ `# x% ]2 K, Y
3.   document.body.appendChild(document.createElement("br"));   
   4 N& I% X- q8 V2 \
4. }  

复制代码

js2.js代码为：
* u( r+ t) d; f$ Y0 Z

1. window.onload = function() {   
   
2.   logText("Application started.");   
   9 ~4 u+ U; l% v+ L! y
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   + q8 [. h  i* Z0 v& v% u
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   . a- ^. i/ q' ~0 q2 `% r4 g" }  y
9.     Hello, PageSpeed!   
   ) `5 \3 g1 @2 ^
10.   </body>   
    
11. </html>  

复制代码

7 m8 H% G9 j8 I3 U, L+ D9 Y) Z

alinwo

感谢分享！