合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   , j$ j9 A) ?0 v4 C& b6 X0 s4 |  N
2.   <head>   
   ! f7 v8 Q. A2 B
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   6 C$ F" M% K# ]4 n, S
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   2 H( e* r8 f8 z7 B
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
! b1 b& I& B. c5 a5 m

1. function logText(message) {   
   1 B* t9 [; U1 p( z
2.   document.body.appendChild(document.createTextNode(message));   
   % H; q2 {6 j" r6 [$ ?! I; F
3.   document.body.appendChild(document.createElement("br"));   
   9 c* s. j, f; z! |
4. }  

复制代码

js2.js代码为：

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

复制代码

合并后的html代码:

1. <html>   
   " U6 |! n0 j) S& u
2.   <head>   
   $ `0 p1 z4 ~6 e' M$ i7 V% b3 q$ \- O
3.     <title>combine_javascript example</title>   
   & R7 P' t, L! b3 b& H, A
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   ) p8 p9 `" n) ]6 j' H, j/ ^
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   ( _6 t# W! W( C) @) x/ A7 [5 I
10.   </body>   
    . a. C% l. `; k* h& ?3 B
11. </html>  

复制代码

alinwo

感谢分享！