合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
     B5 r. G3 O6 [
5.     <script src="js2.js"></script>   
   
6.   </head>   
   1 ~% P5 y+ d7 V
7.   <body>   
   
8.     Hello, PageSpeed!   
   & Y5 V1 s, c2 [
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
4 O0 ]* D+ a; b$ t! y1 D0 T

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   1 Y+ F. J! z+ s  A, F7 \6 \
4. }  

复制代码

js2.js代码为：
5 G! K9 I8 P8 Y2 a

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

复制代码

合并后的html代码:
2 |$ S9 ]- [' {# a) e/ i6 \

1. <html>   
   
2.   <head>   
   & _- ?5 [) O" X% e1 ?; J- t0 V
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   3 ^1 ?9 M! Q, x; {; y
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   , j. ]# |, }) P
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ! r/ V' b3 e. r
7.   </head>   
   % o; O" @% A+ _5 Y9 b
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

3 c3 ]+ C) y5 }. }' Y' t. o, F& ^- f

alinwo

感谢分享！