合并外部JavaScript的实例

ziyouhua

html代码:
# z3 M; c' f7 b/ z

1. <html>   
   
2.   <head>   
   9 o% j" b9 a, ?3 z" U5 _
3.     <title>combine_javascript example</title>   
   " U$ ?/ V8 ]* U4 p9 q. V! f
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   8 ]1 y: k9 }8 s6 f2 o
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   5 x8 O) a8 q# o0 m
10. </html>  

复制代码

js1.js代码为：
6 f, ^! w  m& c- `  f# R$ w

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   $ F3 H3 M' z) D6 m3 l5 t
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
1 t4 k7 i8 l1 ]  h$ P+ I

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

复制代码

合并后的html代码:
4 C3 P# O0 q3 S" U

1. <html>   
   
2.   <head>   
   ( s( F6 _6 ]9 r- G; h# J* t6 e
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   / {+ N" `! o( q+ Z% V4 {
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   2 y7 k+ H- m" H
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   & V. m9 |3 t2 a3 x. u
8.   <body>   
   
9.     Hello, PageSpeed!   
   9 D/ `1 W  A9 p7 a0 z. q3 E. G
10.   </body>   
    4 c  K6 [/ [2 l) K& i2 N  S/ `
11. </html>  

复制代码

4 m; W& D+ n  h+ Q
- ~3 B5 G/ i" h

alinwo

感谢分享！