合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
     p9 G1 z2 e" f6 c- o
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   / j: f  D2 ^9 @7 a1 I1 O
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   7 ^$ Q6 J" G" O5 l5 b8 c9 p9 r' i
6.   </head>   
   
7.   <body>   
   ) k0 y5 K  P+ X2 l, |: y
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
5 D. g+ u' b* ?- d5 V' h

1. function logText(message) {   
   ! y5 |  ^7 l' R& Z2 R5 J/ M# i
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   / J+ M2 {! y% k% v2 a. P3 G
4. }  

复制代码

js2.js代码为：
  i" W0 V, z* K3 `+ X+ @

1. window.onload = function() {   
   
2.   logText("Application started.");   
   % M7 |- o' I( O3 u) V: S- i* J8 U
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
9 w7 d! P/ q6 h5 \& {

1. <html>   
   
2.   <head>   
   
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()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

5 g6 R( Z. e9 }1 k+ b# \. |

alinwo

感谢分享！