合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   4 g% O: y. _% Y* ~
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   5 ~8 a- E, J" N: X6 o, V+ {8 i
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   - h: g- T- k8 V/ D5 O0 s
8.     Hello, PageSpeed!   
   6 R6 T8 v# }* E3 s" o
9.   </body>   
   . A* j* R: U  \
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   4 H+ D) X. x$ J/ J
2.   document.body.appendChild(document.createTextNode(message));   
   * _0 `  t5 G2 f; i
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   % ~1 u4 X# f9 H3 R$ \
4. }  

复制代码

合并后的html代码:
8 ^! b) ?' E5 e$ T6 E* W# Q

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   $ v  X; b4 y% N
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   3 l" X) }7 h/ j, G, e1 i' O, t
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！