合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   ; g' C( S8 @$ W6 C! A  B) I% e
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   3 ]$ {$ f" p; i& `5 P
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   1 u* V7 s, y* e  X) ~( e% j" v
8.     Hello, PageSpeed!   
   : M2 V! M/ D: a, e
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   % P0 _; \, C3 H, b5 W' W$ z* l  K
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   * H% @6 _0 g: c
2.   logText("Application started.");   
   2 u+ n/ J6 p0 u: ]; S% C/ W
3.   logText("Library operation confirmed.");   
   + q, L9 a7 N% i
4. }  

复制代码

合并后的html代码:
8 h$ ?  Z, H8 C, ~5 V4 P* Q9 S

1. <html>   
   ! |9 l) s( t- d! N& ?
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   * G% f: v, T( b) z/ R3 V/ u5 _
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   . N* m& d0 n9 x5 X7 ~4 S6 E
7.   </head>   
   
8.   <body>   
   , w) T1 O6 m) T
9.     Hello, PageSpeed!   
   
10.   </body>   
    ; \9 S5 b" l$ @% D
11. </html>  

复制代码

alinwo

感谢分享！