合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   ! G9 N: l, s8 ~; g9 t2 o0 [$ _3 Z
6.   </head>   
   . S/ ]) H. E9 U/ c% s
7.   <body>   
   8 M% O% h  k/ @
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
1 x! n  p% h( {! c% U9 {1 ~, W- D& c

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   & {' X; u5 T7 v1 y! d0 K1 T' \8 K
3.   document.body.appendChild(document.createElement("br"));   
   - n' a/ H* E) b4 D& F
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   8 R9 b7 X& v& |5 M* l# Z
2.   logText("Application started.");   
   2 Q$ l4 M7 H9 q- P/ M7 V8 U
3.   logText("Library operation confirmed.");   
   5 Q+ z7 c% n2 g' Z7 Y1 [% S
4. }  

复制代码

合并后的html代码:

1. <html>   
   1 R) j2 I0 z+ k4 T" ]. k
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   $ t4 H- t# I# h3 y
4.     <script src="js1-js2.js"></script>   
   . `' ?  p8 t  r6 f  p) U
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   - F( n0 h& A/ ]8 Z9 g! u# F3 |& A
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   0 m! ^) G& f$ j$ G
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！