合并外部JavaScript的实例

ziyouhua

html代码:
, D8 j0 Q4 S" z( C7 l8 c

1. <html>   
   ' a& B' J) W+ O- [6 _2 a
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   $ z+ L, \4 b2 {" c6 d- N  M
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   8 I& K7 ~) ~5 V4 Y. y
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   0 J& X8 H2 j: v- Q) G# g
2.   logText("Application started.");   
   . x& w, S* h" R
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   " i- _( H$ J% R4 o
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ! L! _. K1 e/ ]; ^! t/ l% P3 a: u0 ?
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   # [9 B! G2 ^; L
10.   </body>   
    * @7 {6 j1 p$ q5 Y; q
11. </html>  

复制代码

# T$ K  ?0 q5 Q! J* i( o! y

alinwo

感谢分享！