合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   ) ~5 |. |. P* o' ?/ q* Q$ e" M1 S  M
5.     <script src="js2.js"></script>   
   ' _1 h' v  z/ k2 @4 R  U; [
6.   </head>   
   , j' e8 r9 H) E% P$ i4 t
7.   <body>   
   & \8 [; _# \' q. U' {$ e! u$ }
8.     Hello, PageSpeed!   
   
9.   </body>   
   $ J5 D0 ^& D2 r$ E  s
10. </html>  

复制代码

js1.js代码为：
" r' I$ c8 `) Q" ^- G. m: D/ o

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

复制代码

js2.js代码为：
& b; D: N  V% j$ }2 f: s( O

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   ) u) v% E, r1 x; ~) [: W
4. }  

复制代码

合并后的html代码:
8 T2 e( I8 H& Q6 ?

1. <html>   
   
2.   <head>   
   " N" E1 ]% @2 W
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   $ _' ^( t) K9 V) r" w; Z/ n
7.   </head>   
   2 G/ c$ u7 a+ k( @2 M' s! F4 n3 b' }
8.   <body>   
   + u3 k4 H3 p6 [) L6 M' b
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！