合并外部JavaScript的实例

ziyouhua

html代码:
5 N: C. E7 K; V. C$ e# T

1. <html>   
   - L5 y: \+ K3 h" I4 Z2 Z
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   7 `: s# K8 N% c  P8 Z
5.     <script src="js2.js"></script>   
   + f2 s( G' b3 h" B4 N
6.   </head>   
   
7.   <body>   
   - Z4 ]1 ]+ S4 H; h+ j4 c: {! u
8.     Hello, PageSpeed!   
   ' ?5 u6 `- w7 g! s5 f( B
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
* }. v8 }. W2 H; [+ c. z

1. function logText(message) {   
   # H4 F2 y9 i3 ^: f. k
2.   document.body.appendChild(document.createTextNode(message));   
   2 e- |4 c( y3 ?6 o$ j- G: p
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   ) a7 {5 X! J, W$ E7 M; }4 `% k
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   9 V, {9 J0 _% h
2.   <head>   
   2 A0 y+ S9 W" d: |6 c7 q% R
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()函数 //-->   
   " t, Y2 }% R! Q( T
7.   </head>   
   : |+ i, i8 f% k( ]
8.   <body>   
   
9.     Hello, PageSpeed!   
   8 z6 V# K, c  i3 g/ H! t3 V
10.   </body>   
    8 A, J$ j7 O2 l: q& F2 L
11. </html>  

复制代码

! H. e7 \8 m, _$ c+ w% R* r) D

alinwo

感谢分享！