合并外部JavaScript的实例

ziyouhua

html代码:
) c# a: O4 m( q  ?" u

1. <html>   
   : I  e# H* i& g, P8 S
2.   <head>   
   ; D: x4 l6 f2 X/ l) J6 _
3.     <title>combine_javascript example</title>   
   ; m4 T% Q$ F: K0 K3 s
4.     <script src="js1.js"></script>   
   8 _$ m  P' k3 r7 }
5.     <script src="js2.js"></script>   
   
6.   </head>   
   , h' H- }6 Z) {7 x/ v+ e
7.   <body>   
   5 D4 \; L! ?$ P% l
8.     Hello, PageSpeed!   
   # s$ W; s1 Z0 q0 I2 c
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   3 A4 x6 t. u6 `% v1 L
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
" _, x* K/ }! [* r

1. window.onload = function() {   
   ( O0 D* r  z: X9 d* c  P: d0 S
2.   logText("Application started.");   
   6 E+ ~  j0 D% }8 H0 D: o4 I; S. E4 Y
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   ! ?- [+ P% X4 M* A6 P/ l, l1 J( I
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   4 B/ F) ]8 r' I0 ?7 h. r  |
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   6 B, D0 b. z) Y+ O* J
8.   <body>   
   * ]! `) ]: c. o) F" d1 x  A8 ?/ m
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

2 F& [% }' |' m% R
: @% V. {0 j$ j! w

alinwo

感谢分享！