合并外部JavaScript的实例

ziyouhua

html代码:
8 F6 H$ e% l9 B, p- A

1. <html>   
   
2.   <head>   
   & Q) p% W; A4 y) e$ q# |! ]
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
     _" I9 N( c& k
6.   </head>   
   8 M% @; V  S5 v, M5 C( e
7.   <body>   
   0 S' Y5 [1 e/ j) V: m* V5 G$ D+ J
8.     Hello, PageSpeed!   
   
9.   </body>   
   " E, Y% i5 n& @+ f
10. </html>  

复制代码

js1.js代码为：
( K( [  i: s5 x: Z9 C

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   1 f: f7 e& d" g( B! D  s8 T$ E
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   * E2 A9 n: s! Y  g0 _: O, U5 v
2.   logText("Application started.");   
   ; J) m: L' j; [/ m- e
3.   logText("Library operation confirmed.");   
   . G, k; ~* P/ U5 N- Q1 g4 P" m
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ) z/ c$ Q8 p( V  b5 A3 w
4.     <script src="js1-js2.js"></script>   
   . Z7 |* X$ y7 n0 ~2 F2 T
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ; Y7 H- i) @) N, E! t
7.   </head>   
   ( r( G" M' I; ]' a$ o+ J( Y
8.   <body>   
   
9.     Hello, PageSpeed!   
   ; {; ?- G7 m) C; Z9 k
10.   </body>   
    3 f0 v) X2 S7 }% w4 B  a
11. </html>  

复制代码

alinwo

感谢分享！