合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   & l/ [2 t! |( H
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   3 P& ]3 z. U, l0 O- w$ z4 \% |, U2 g8 ~
5.     <script src="js2.js"></script>   
   % r6 r0 I: C0 P1 X) p# H& I  `2 L1 A5 U" ?
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   : P* Y$ d- q' M9 f8 E6 A
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
% j7 |' |1 O4 e3 }

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   ' M& k# d2 d  Q  ^& @" I
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   & I& }. h9 J$ _) _' u' |
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   7 _. X9 J" S$ Z; B: e3 }
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ; m% O- S4 O0 i) M1 d
7.   </head>   
   * ^6 _9 o" P; C$ A! {" L
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    6 {- E3 p9 w+ X* @5 _  f
11. </html>  

复制代码

alinwo

感谢分享！