合并外部JavaScript的实例

ziyouhua

html代码:
& t, r/ V0 s  k; r. t

1. <html>   
   ; K, g. T; n- N7 n
2.   <head>   
     b8 \  [& y/ @; W- }
3.     <title>combine_javascript example</title>   
   0 ^' Q0 T1 J& I3 h# L  U5 F
4.     <script src="js1.js"></script>   
   % D  x6 C, i  r! m& S# ~; g
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   0 \4 V3 `0 Z1 d( ~' I
2.   document.body.appendChild(document.createTextNode(message));   
   . r& @- l; v4 h4 k1 r, ~
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

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

复制代码

合并后的html代码:

1. <html>   
   # L7 h# \. J& L! b, F* m
2.   <head>   
   1 q' U  J5 P+ V8 ^- u
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   - P, [/ |& ~( H& w% F# f
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   8 Z; `) Y+ g. V) x
7.   </head>   
   
8.   <body>   
   8 {; s$ \0 Q* V' Y9 f" p- O; ^
9.     Hello, PageSpeed!   
   , n* o& s; m' `0 V) D* t' D1 o
10.   </body>   
    7 t) L6 ~6 R$ I0 @7 A
11. </html>  

复制代码

' k$ Y0 A- K1 D& j

alinwo

感谢分享！