合并外部JavaScript的实例

ziyouhua

html代码:
, u$ Y. ^" f0 h% p& T

1. <html>   
   * {# y2 H3 ]! E6 M8 F$ j' Q
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   3 H8 w' ^* i- t* v3 K9 Q
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   ' ^6 H# K1 u  z
7.   <body>   
   + D8 `8 Q. ?8 S4 Z: h  j$ t$ k; d- E4 t
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   ) L4 z* C! ~; C7 ^8 R
3.   document.body.appendChild(document.createElement("br"));   
   ; R2 H# \8 ~$ k5 s
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   9 Z0 H/ z; n( D; e3 K
4. }  

复制代码

合并后的html代码:
2 T6 J! E* C: V4 q8 x6 r) A

1. <html>   
   
2.   <head>   
   0 u% C; H; A/ Q; C
3.     <title>combine_javascript example</title>   
   ( w$ ~4 h' b& O- k9 q4 @( Q* r
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   / U2 r" f3 o9 _0 J
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   " m5 d" r; Z6 V* N6 k
7.   </head>   
   / a+ e6 N0 l  }: i* w0 B
8.   <body>   
   1 u% W) l7 V) Z# j& e# l
9.     Hello, PageSpeed!   
   
10.   </body>   
    : O9 ^1 G. R( X& X6 V/ Z
11. </html>  

复制代码

alinwo

感谢分享！