合并外部JavaScript的实例

ziyouhua

html代码:
& C" T' K+ M/ }  ~5 z

1. <html>   
   
2.   <head>   
   ( F  k  F  t  @  S: O
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   5 e8 R' P; n: i3 J9 z
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   3 g" X+ v0 S% m# B9 ~# b" b
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
& i  ~# N  {4 I: O

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

复制代码

js2.js代码为：
) ~# \, Y4 i0 \' k0 e

1. window.onload = function() {   
   
2.   logText("Application started.");   
   " G' b2 S0 b2 ^2 m, M2 @0 r
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
     s% F! S- C  u9 P, U; {/ Y0 b
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   , |2 f1 t6 p& I* u
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   5 q+ T8 \! F7 k6 ]
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！