合并外部JavaScript的实例

ziyouhua

html代码:
9 q5 E9 Q4 v- _7 v% t! n

1. <html>   
   $ Z6 ]8 n( t: h% u5 O: N" I" t$ A
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   7 g2 M& k2 q+ g1 X6 J$ X
4.     <script src="js1.js"></script>   
   9 K' b& a1 C6 y/ E% m
5.     <script src="js2.js"></script>   
   4 g; J$ Q2 X$ T" Z$ G! S; B* k
6.   </head>   
   
7.   <body>   
   1 ^; t3 C4 d- A3 y
8.     Hello, PageSpeed!   
   # c8 Z1 T3 S6 l2 }9 V2 c  x) O' _
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   $ T" @0 l8 H3 }: G, l
2.   document.body.appendChild(document.createTextNode(message));   
   " _6 G2 f1 t5 w& h4 o1 P: s$ d
3.   document.body.appendChild(document.createElement("br"));   
   ! U# e+ o/ N4 f& d5 i; P- o
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   , e  @( \( ^1 T
2.   logText("Application started.");   
   : r* }* ?0 y/ i5 c4 {
3.   logText("Library operation confirmed.");   
   ' t0 l9 [4 k; Q3 H6 D' O8 b5 W
4. }  

复制代码

合并后的html代码:
+ z6 X( O8 {) ~3 ?2 b6 p

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   5 J. n( u4 j5 \0 t
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   / i- B! i* i  i$ [4 S
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   0 w. B: i6 a4 U; n- H7 X
10.   </body>   
    - z' f, Y7 J0 C3 A1 b3 l
11. </html>  

复制代码

6 [" L" f) H1 E/ b

alinwo

感谢分享！