合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   9 R, W5 i# x' I& `
2.   <head>   
   ; ?8 }* D6 f6 V1 X0 k% f+ q8 |( q" M
3.     <title>combine_javascript example</title>   
   8 V7 ]  X8 S3 C2 e/ p( d
4.     <script src="js1.js"></script>   
   4 C9 h/ K7 w3 q0 J& I- _0 t/ `
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   : P9 o2 I5 A" v* J# J
9.   </body>   
   3 V* k8 r% v9 d/ b5 F! z
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   ; K' N0 x7 m9 T8 {( u5 l9 e
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
" V3 u, D7 h2 T  t

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   6 a/ G3 d+ W! N2 R' x9 [% Y
4. }  

复制代码

合并后的html代码:
* K% [& D4 C  r) S) B

1. <html>   
   
2.   <head>   
   ' Q( ~' M" O: w$ |
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ; N1 I; f. w0 F6 Y) `" D6 g* n4 y
7.   </head>   
   6 o" i* O4 n5 K# A. A4 X* g0 h
8.   <body>   
   ) ?% C* O* _2 c
9.     Hello, PageSpeed!   
   
10.   </body>   
    ( S" y0 @2 ]2 w
11. </html>  

复制代码

$ h4 b8 c' ^4 b

alinwo

感谢分享！