合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   * K1 ^' F- E7 d  D0 h' n7 W
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   8 o( K! K( L) V, E  o' P" X
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   # a* I! F* x+ [  h- a. f0 N2 y4 u
3.   document.body.appendChild(document.createElement("br"));   
   6 Y6 o+ u& u: g9 {" e: M1 O
4. }  

复制代码

js2.js代码为：
$ k. i: N& X3 a% A* C' W0 P% {

1. window.onload = function() {   
   , K0 I  W$ {! M  L
2.   logText("Application started.");   
   2 k9 t3 v; G3 O
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   0 `) q! n6 k% l/ `. s7 W$ ^: C
4.     <script src="js1-js2.js"></script>   
   * B4 G/ Z. ?1 n2 y' \5 `
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   . c/ b/ F; e8 y: F3 }3 O2 o
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    0 L% Y' r( M; q5 @6 N8 r
11. </html>  

复制代码

8 o9 T, i8 I+ H

alinwo

感谢分享！