合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   4 E7 D1 K" i4 n3 u
4.     <script src="js1.js"></script>   
   " s8 D+ B2 ~) r7 x1 p
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   1 v! D; P1 I: j
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
( v" j; h/ K+ p1 p9 A& k

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   " U. y  a. U3 Y5 X) T
3.   document.body.appendChild(document.createElement("br"));   
   5 u( N9 s- n% [8 |& D2 _, q+ W( g
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   0 S  Z3 r: `0 I1 T0 L
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   % M: U6 E" _0 n% J
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    # q& ?4 M" D9 Y0 H8 I: V7 K8 X
11. </html>  

复制代码

* l. k) N9 }( E/ |! J  E+ k
, `3 E1 {5 q8 x- @

alinwo

感谢分享！