合并外部JavaScript的实例

ziyouhua

html代码:
1 u# l3 y/ ^6 \$ D+ z' }

1. <html>   
   - ]' t/ [. u3 ]- \. k, b3 L
2.   <head>   
   ! \4 e5 ]6 ~" }1 E# O
3.     <title>combine_javascript example</title>   
   4 [  R# q! L% I. h
4.     <script src="js1.js"></script>   
   4 V7 |) d; n- Q& T+ K2 J3 e
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
# r1 _" @4 ^; r5 Q- F& }$ t4 L

1. window.onload = function() {   
   & y6 K4 T2 Y) U. L: g
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   $ [) |% ?- r# d
4. }  

复制代码

合并后的html代码:
+ j! h6 K0 e" P8 {' e

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   ' `  s) o3 K5 D; u0 B5 i
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   * c% ]& o- I7 B2 A4 I3 A, F8 Y$ O5 I
8.   <body>   
   
9.     Hello, PageSpeed!   
   1 u1 R, O! o9 ]# u+ v
10.   </body>   
    5 X3 d2 W) n% k: T2 P; W
11. </html>  

复制代码

alinwo

感谢分享！