合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   4 X1 f8 Z$ M& f0 I
3.     <title>combine_javascript example</title>   
   , O( B* `; M3 S) t
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   # O2 B( D7 @. h$ t4 P
6.   </head>   
   $ i$ S% K1 P6 R7 i
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   * h/ l( d. J, T7 k- |$ w- M
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   0 Y$ T8 s$ v0 c! J
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
1 a8 w+ v/ n3 [" ^- P) F

1. window.onload = function() {   
   2 ~6 `! v9 H  g  b2 s% @+ y
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
7 O9 K! ^3 x7 N- t

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   0 @6 \; z; B! b6 g% E2 R
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   # T: S" ]0 A0 `, \! R/ G3 p
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   0 f# i7 P# O9 z" E1 \$ ^! r0 ?
7.   </head>   
   " ]& H% L- U5 ~. d" E
8.   <body>   
   
9.     Hello, PageSpeed!   
   % Q8 B7 D5 f% x
10.   </body>   
    . S. F8 _6 H" \% Q2 ~' }
11. </html>  

复制代码

; \! u  R4 U" L: l' ^
: X! Y, ~1 A5 n: {) b) N) N

alinwo

感谢分享！