合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   ; l1 [) Q! t% B6 r1 i
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ( S, `4 @: r4 a& t9 _/ V
4.     <script src="js1.js"></script>   
   + i6 C& P* c% e
5.     <script src="js2.js"></script>   
   ) ]7 R5 n# ]& h5 S* B
6.   </head>   
   ; F  |* W5 v& v4 R  n
7.   <body>   
   7 ^3 C9 \  x, t0 T+ w
8.     Hello, PageSpeed!   
   , R" S: `( w& \& C* k( p8 H- D
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
* }* [; i  q( Z# _

1. function logText(message) {   
   8 {2 {5 \# [$ t, |/ w
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
9 n& z  z8 b6 D

1. window.onload = function() {   
   , H' t1 P3 s  c9 m1 _
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
. O, z1 R2 ?: G

1. <html>   
   2 d1 H9 l7 r- B0 v5 C) \! ~7 ]
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   2 ~: t7 A) T& a3 {/ T7 H, N; J+ q
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！