合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   ' k# L2 z- U' F  `
3.     <title>combine_javascript example</title>   
   3 G3 H- u& J( d# L
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   : |6 ~6 @, g7 k2 m; _9 o. C
7.   <body>   
   6 d& B' [9 ]% z
8.     Hello, PageSpeed!   
   
9.   </body>   
   + e% {& {1 ~) Y# n5 {/ ~9 `* q5 ^5 k
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   % o4 O4 r* Q% P  U% R2 ~# M. O  u
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   ' j+ w$ H" I3 N# h
4. }  

复制代码

js2.js代码为：
- p5 h1 \' p, \) z

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

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   % B6 c6 J6 |# l: V9 p, n0 V9 {
3.     <title>combine_javascript example</title>   
   3 `; O5 I6 B9 Z+ \
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
     d: I$ k- R0 t# K7 g
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   - i  Z5 c2 d1 @6 l& n; @; }
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    * N5 E* I. G7 e7 g
11. </html>  

复制代码

  u5 [* c2 q: q0 q5 S( V2 A

alinwo

感谢分享！