合并外部JavaScript的实例

ziyouhua

html代码:
2 w. P3 t& K) j1 y7 K. k/ `! N2 C; s

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ; G$ z1 V$ z; g- ?+ p7 ?. x
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   2 Z9 ~5 L% o9 \0 `- r9 a0 y0 g
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
( X( x+ q. P" q# ?

1. function logText(message) {   
   ; U$ w! x- ^8 x6 v2 s2 @" L6 x9 w/ U8 h
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   * T$ C7 z3 m9 r6 w
2.   logText("Application started.");   
   . E4 h4 w$ S" {8 c; H
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
: K( y' h# Q7 z& X/ Z, j

1. <html>   
   3 U( L; _- t. i& ^2 X; l! M' t
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   : Y6 _1 d3 w1 _3 w- Q
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   3 B& u* l, ], k
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ! @% ?" L, w$ J# o* r, {. X
7.   </head>   
   
8.   <body>   
   # y% q! L; K& L3 z: K1 w: G
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

& m" a. d2 M+ i/ B) }8 S3 J! c7 S

alinwo

感谢分享！