合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   9 N" L" }' G) @( s/ S, C) g
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   " g' n0 S9 u7 k& D/ K2 ^  G
4.     <script src="js1.js"></script>   
   , N" f3 v2 |  y
5.     <script src="js2.js"></script>   
   5 ?( o! ^( |  {9 ^# y
6.   </head>   
   # ?# X) a- m$ Y) Z; ~
7.   <body>   
   % H; k* j- g. r5 D
8.     Hello, PageSpeed!   
   . w# ~1 J- S. e  B& F# h
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   3 U5 _3 ~  m- d- q: Q
2.   document.body.appendChild(document.createTextNode(message));   
   : @6 T* j$ V, x) D& t8 I2 t
3.   document.body.appendChild(document.createElement("br"));   
   ; v1 T$ R( U5 S3 ~) u( M
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   7 X( Z* d/ h1 [# ?* ^) P2 J2 y
3.   logText("Library operation confirmed.");   
   - h( ~# N$ b* D, {" o
4. }  

复制代码

合并后的html代码:
: p# J$ N" N$ z2 k; r

1. <html>   
   ) j$ q% C# T; P1 I% K
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   . c3 |: C1 u/ \- i
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   0 Z1 h1 c6 i1 j$ c* U3 v; {
7.   </head>   
   * C% P3 _& Y4 D5 [0 V, _
8.   <body>   
   ( e. C  p- @: @
9.     Hello, PageSpeed!   
   - y3 \$ ]& M: Y$ o
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！