合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   7 U5 ~8 a, `/ I' e2 V% c- }7 H
5.     <script src="js2.js"></script>   
   % E6 C1 r" j  f9 d
6.   </head>   
   5 S$ @6 o, C  [- d
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   ' K+ P0 L8 S& }
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   6 a- ]  \$ ]: g, V4 i: m2 d
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   0 n, _( c' L: v; U  w* N& m
4. }  

复制代码

js2.js代码为：
7 h  `1 |" f+ V" B3 k' \

1. window.onload = function() {   
   ; A/ b3 @0 t$ @. ^1 \/ X# N: |
2.   logText("Application started.");   
   ' s: ~! U" n" {% E8 S4 H: a- m
3.   logText("Library operation confirmed.");   
   9 }& s8 K# r( k/ w3 S
4. }  

复制代码

合并后的html代码:
3 B+ O- D: c  s

1. <html>   
   
2.   <head>   
   ) P' X( A/ p) Y1 E7 O
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   9 W8 h6 a. W  N6 {" M
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   / w  F  U, @' K0 `& T
7.   </head>   
   
8.   <body>   
   ; o# D* ~4 p! p9 ]* f' i+ ~  R3 l
9.     Hello, PageSpeed!   
   2 Q' k! o2 Y) p9 ^" ~! q' ^% v
10.   </body>   
    6 B& N5 V4 P" ?  G
11. </html>  

复制代码

alinwo

感谢分享！