合并外部JavaScript的实例

ziyouhua

html代码:
' {7 u9 q6 @& H6 `4 `0 }

1. <html>   
   / \0 V- `; `* W  ]" x8 D9 E: ?
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   $ m$ @) l7 h' q1 D
6.   </head>   
   - O3 }6 t( w2 G" |; w
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
     J0 W. b) _9 \1 J% \; p" p7 H8 V
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   4 G. ^: R! V3 `( E) X% V! C' l
4. }  

复制代码

js2.js代码为：
. N* L5 }9 I* y% |; x

1. window.onload = function() {   
   . L+ O! @) a% m8 m9 B
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   6 f  p8 G/ m( w. N
4. }  

复制代码

合并后的html代码:
5 h5 b6 ^: E+ y% k

1. <html>   
   / C! h0 w; K% [! q" ]7 z& S
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   3 Q8 m, W0 n$ n" Z- {. I
9.     Hello, PageSpeed!   
   8 c1 s* d- t8 |6 H9 |
10.   </body>   
    " {3 q; N% t% }* r; W# W
11. </html>  

复制代码

7 L& F% z# [* L+ D
: E, V9 v  l; @8 q9 m" q5 B

alinwo

感谢分享！