合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ( h8 ~: i& ]4 C
4.     <script src="js1.js"></script>   
   - v: r& I0 |& j& ~- d  }
5.     <script src="js2.js"></script>   
   . i& k! ]" `, g6 ~3 x$ W, i
6.   </head>   
   # p3 h0 y7 H/ F; j6 Q
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
( Q9 E& ]8 O* Z+ o+ q

1. function logText(message) {   
   4 B8 ~6 n/ m, f' Y! R$ m9 [% ?- S
2.   document.body.appendChild(document.createTextNode(message));   
   4 A3 {: L) x/ _4 ]
3.   document.body.appendChild(document.createElement("br"));   
   1 G4 }$ f" E' K6 J3 b
4. }  

复制代码

js2.js代码为：
: p) H4 J4 ~4 a* c5 E# G& y$ L' R

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   ( p+ G% X" ^4 X' I5 S
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   2 q$ ^% {7 l. |- |  y1 C3 L, d
4.     <script src="js1-js2.js"></script>   
   ( ~' l9 \7 k* r$ R. P$ x. c
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   $ `2 G0 B0 s% d& O# |4 O+ n2 D6 m
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
     W1 v! C+ o) W8 P4 B; L  k1 F
8.   <body>   
   
9.     Hello, PageSpeed!   
   0 `2 H) E4 [, h4 S. }
10.   </body>   
    5 G- v1 ?( f5 y7 P3 i: y
11. </html>  

复制代码

2 s' K# a# ?& c& m4 H% |
3 ]* Y& I% E- {6 _

alinwo

感谢分享！