合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   - h6 o. V5 r. c! T$ K3 X+ J
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   , ^4 L1 y7 C9 V  v
10. </html>  

复制代码

js1.js代码为：
' n5 ~9 K, x* U2 J

1. function logText(message) {   
   $ [9 p' L' n/ W7 F) \3 {
2.   document.body.appendChild(document.createTextNode(message));   
   ! \7 |. z, l7 R& n
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   % N+ j* e; A; A3 q/ s
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   + X/ E3 b# @/ K" \' {* T& ?7 P
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   5 s/ l  u" g2 T( G7 O. h0 V9 G
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   6 ?4 ~7 U0 E- F1 t0 k- J
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   % N! U1 Y% Q0 n$ q  e4 S, x0 H
8.   <body>   
   
9.     Hello, PageSpeed!   
   . x/ s) O- e, V" Z$ Q
10.   </body>   
    4 ?6 f0 }" w' n& u6 P3 R
11. </html>  

复制代码

2 o  ?1 y: y3 N! i; X0 N( C

alinwo

感谢分享！