合并外部JavaScript的实例

ziyouhua

html代码:
# L) K8 i$ b( Y% g1 L9 w

1. <html>   
   
2.   <head>   
   ; O4 `0 O6 c$ i! u% l. S
3.     <title>combine_javascript example</title>   
   % v1 r" o$ W8 ^
4.     <script src="js1.js"></script>   
   . l6 P2 T& y% V. S$ ~3 T
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   8 W# Y' [1 l1 J
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   ' Q8 J. p" o  y% q4 j) O+ e2 \- R
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   * Y' C8 ^' |. {+ y9 T5 F
2.   logText("Application started.");   
   ! H8 b4 v6 c" D
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
; w; t- [% m2 l! o5 ~; R5 T2 C

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   , q* u5 p9 s- M- ^: I, m
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   # F/ O! [/ x( b. N
7.   </head>   
   + s" m8 s9 p8 D. U
8.   <body>   
   , {& \9 V+ @7 o3 \
9.     Hello, PageSpeed!   
   
10.   </body>   
    ! N/ g, O( Y6 n8 ?) D% S- T
11. </html>  

复制代码

6 h3 u2 O1 S- [3 R
" e3 R8 {4 t# Y- m& v) R! T

alinwo

感谢分享！