合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   ' \5 e& I) L+ ^; I. ~
2.   <head>   
   6 Q( u. D! Z7 \. k
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   # t1 b4 L% r- C! J, Q3 m
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   ! E7 a" w  t4 m+ ~
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
) Z+ L" y3 v$ [' O4 Z- y

1. function logText(message) {   
   , P$ ?9 x2 g& K
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   " C* ^% Q& z* E" Z# T9 L
4. }  

复制代码

js2.js代码为：
$ s- w( z! p. m8 R, k4 j# c  B

1. window.onload = function() {   
   # d- @4 j- E, n" Y: J  k
2.   logText("Application started.");   
   ( `) s! O: D8 E6 ]7 C: f2 M% }2 n
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   2 A- q0 ^; M* W& B1 l4 Y: x  D
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ; ^# o) X- U  D* r
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   3 X  p6 I4 w8 n6 ?8 i
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   , M2 W+ Q" _) U
7.   </head>   
   
8.   <body>   
   % g! \1 G/ r, L4 i$ D6 }3 ^, ?
9.     Hello, PageSpeed!   
   0 _9 e+ n& \7 `( m
10.   </body>   
    2 L8 i. I9 A; h& A- n: e) w4 l* c
11. </html>  

复制代码

4 k2 M' [% H  y! I; V
# E& m# G) Z! x) x. G% Y! W+ v

alinwo

感谢分享！