合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   4 z8 [- t9 y, k
5.     <script src="js2.js"></script>   
   # d; b8 Z/ q9 s/ `- U7 f4 T/ f* k
6.   </head>   
   - Q3 W# U8 A- d* {6 W# `: k0 Q5 q
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   9 W2 q$ L) V. F, b) Z' U
2.   document.body.appendChild(document.createTextNode(message));   
   , M5 P# ^5 l7 e2 b3 o4 M6 q. Y( y
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
! Z2 ~3 e: l/ `0 \& D

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   $ _, T2 L- Y" e4 B
2.   <head>   
   ; c2 U/ _$ k/ u. O5 r6 t9 @6 N1 |
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   5 i- F$ U4 c5 O5 M. W  x
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   - M4 E4 V) i5 f$ P; f
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   9 N; k6 ~7 G$ K8 L0 z
7.   </head>   
   ; y% x0 ^0 _# E8 F( G/ J
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！