合并外部JavaScript的实例

ziyouhua

html代码:
& Z) |* }$ f& c3 K# p& h

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   & ^  F2 ~: Q- O! H& I3 m
5.     <script src="js2.js"></script>   
   ! f) k) W. @* V6 F4 c. h
6.   </head>   
   
7.   <body>   
   1 L5 _5 ~& D5 T9 L) E" }) [
8.     Hello, PageSpeed!   
   
9.   </body>   
   ! n, A3 l. U4 |8 ]5 ?' C1 _
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   ; |0 \' }8 ^* J! M% u* J1 L
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   " v" x9 n: a, X8 H
4. }  

复制代码

js2.js代码为：
. N9 U$ Y/ Z7 _" n0 f

1. window.onload = function() {   
   . I) b* `% S8 h3 D
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   6 r4 I7 P8 u3 V' r* }
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   3 q/ y9 }6 d/ u/ q$ c
9.     Hello, PageSpeed!   
   
10.   </body>   
    9 S) B0 n# N6 b1 M- Q! G" N+ P# I
11. </html>  

复制代码

alinwo

感谢分享！