合并外部JavaScript的实例

ziyouhua

html代码:
9 M' y3 J2 T# Y: s0 Y: a- X

1. <html>   
   
2.   <head>   
   5 B4 l) y/ U# O6 L* P  x
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   ' h$ s0 x/ S5 E6 S6 @- ?+ h
5.     <script src="js2.js"></script>   
   - l, c$ T* X0 }9 c  L/ w
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   " x! Y+ m$ D- C6 X1 x' S6 [( K
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   , _# l8 ], T$ |' r1 r$ x
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   : x' k8 H4 N, ]7 S( P1 J) k
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   & ~! O. j  S% {: K7 a1 O* W- s
4. }  

复制代码

合并后的html代码:
) _! i3 D: `+ q4 ^' t

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   , o5 p, ^( g) k3 I' ]
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   3 f  o0 m9 Y1 X) d# G
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   / z; W7 Z9 y# Y4 t4 R4 J# T) P7 o# ?
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

& t5 m: R" |' J  s7 Z/ q$ t, Z

alinwo

感谢分享！