合并外部JavaScript的实例

ziyouhua

html代码:
- p+ I' B. O9 G" \5 t

1. <html>   
   
2.   <head>   
   , n; o, ?, R. Z  n. V, b9 Y
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   7 p5 E3 d* P) L" V) n. `& X
5.     <script src="js2.js"></script>   
   # }, e7 ~8 T* R' S3 @; p
6.   </head>   
   1 c) D0 u( E2 t
7.   <body>   
   , k  \& C' e' {) G& {% T/ c4 Y
8.     Hello, PageSpeed!   
   
9.   </body>   
   , }! p: T* Y8 k; k
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   : U* Y5 X1 X' L# i4 v1 i" J& c7 j
2.   document.body.appendChild(document.createTextNode(message));   
   5 g2 d) n& [3 u# Q- r" E& k
3.   document.body.appendChild(document.createElement("br"));   
   * A$ b2 I% y" v) J& r
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   4 P+ U2 P8 O( u& ~7 }+ O2 g" v
4. }  

复制代码

合并后的html代码:
- w8 T3 E$ f  L3 w

1. <html>   
   : i+ E6 `0 Y, ^
2.   <head>   
   2 c" K& ]- I% }: ]7 I
3.     <title>combine_javascript example</title>   
   + Y. I7 i1 O- q  k) {
4.     <script src="js1-js2.js"></script>   
   5 k% q4 |/ X, c5 d) b1 B
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ) T: t" v9 x; R* n' r
7.   </head>   
   ! _5 U' ^2 ]7 Q5 c# n' T* k
8.   <body>   
   
9.     Hello, PageSpeed!   
   7 Q; S* w0 @. K8 D: b
10.   </body>   
    
11. </html>  

复制代码

+ r, h9 `! T3 W) ]# B# U
& C1 I0 B7 ~/ y

alinwo

感谢分享！