合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   ! F% _& j' ?+ K1 y- g/ `
2.   <head>   
   7 `4 u; K+ m! _$ n5 z/ c1 x
3.     <title>combine_javascript example</title>   
   . Q/ j- P+ S/ q  U5 u' x
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   4 q, I& v4 L) D/ `+ X% g$ K
6.   </head>   
   9 @! ]- l" Z9 v
7.   <body>   
   
8.     Hello, PageSpeed!   
   9 f: o5 [! D8 K2 H& r0 S( E" s" |
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
% q" L+ v! o* X! F( f

1. function logText(message) {   
   . U6 C8 ~  i' R6 l+ q
2.   document.body.appendChild(document.createTextNode(message));   
   - c6 ?/ T  c1 P9 r! u
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
& Z4 v9 I; b+ v4 Q

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
9 Q0 {+ r/ O- r: C

1. <html>   
   / s. i7 z9 _7 g" u: ^* Z' X5 t
2.   <head>   
   & X& P. C+ g: N$ G+ e9 s, K. g2 v
3.     <title>combine_javascript example</title>   
   7 k# x8 |  d* Q  A# q' c! {# w, V
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   0 o1 x2 ~) C: U* }+ K9 G9 x' \8 e
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   1 N5 X2 d: _! w8 Y$ H
8.   <body>   
   * X- h0 _; a5 t6 }
9.     Hello, PageSpeed!   
   
10.   </body>   
    7 w  A% S1 Q1 E- {$ f0 Y+ I
11. </html>  

复制代码

* u3 [/ h8 |# i& o! a$ b4 E; U) k

alinwo

感谢分享！