合并外部JavaScript的实例

ziyouhua

html代码:
  w5 [. ], E) f4 F

1. <html>   
   $ X, a4 }, U' G% }1 J
2.   <head>   
   % S) v- F" ?# E# X! b8 i
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   2 s+ l# v6 u9 V0 z' s7 W8 ^% q
5.     <script src="js2.js"></script>   
   
6.   </head>   
   : z$ K) x- |+ I
7.   <body>   
   7 v4 i% u7 f* A# q
8.     Hello, PageSpeed!   
   * r' X9 Z2 Z! o3 W* M/ z/ \+ }
9.   </body>   
   ) A/ C' w( {4 r1 A
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   ( }5 \( @, N% J6 x7 R( r) h% M2 \
2.   document.body.appendChild(document.createTextNode(message));   
   $ z) @$ Z7 W" c
3.   document.body.appendChild(document.createElement("br"));   
   9 x: H3 M" I& S* k" N
4. }  

复制代码

js2.js代码为：
' w) x3 x4 G4 N& s: U

1. window.onload = function() {   
   ) k( b9 e  G2 R" _. N7 f4 Y
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
5 b' k9 j+ C, C# I/ l) a3 X

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   2 A( t/ u3 o2 A5 o
4.     <script src="js1-js2.js"></script>   
   $ p$ I/ B. R4 P: X5 C
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   . |# d! \' G$ ]3 ^/ V- _- U
7.   </head>   
   
8.   <body>   
   ; ~6 f" m3 C8 _7 _  t2 s3 o
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

+ y: \5 C/ M8 {2 s

alinwo

感谢分享！