合并外部JavaScript的实例

ziyouhua

html代码:
- }9 L7 w! L" D# Q

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   8 A' G& @6 |# h" A4 e# [- y/ n: y8 a
6.   </head>   
   & b9 _$ x8 n* X/ K5 N6 L) _$ p
7.   <body>   
   + g% @4 X6 h; M  H. v# U+ i
8.     Hello, PageSpeed!   
   0 }5 @. v- d7 [
9.   </body>   
   8 B" m$ {7 y2 p% A1 N, _
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   2 s. k$ O* n9 V4 F. Y- |7 y
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   . d% ?! w" c0 K6 v
4. }  

复制代码

js2.js代码为：
# r& ^% t% D7 U8 A

1. window.onload = function() {   
   ! G$ a5 G$ ^: j% i# e) j0 U+ W
2.   logText("Application started.");   
   ' g& `9 W  U' b% e5 s5 Q
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   9 s# b' K# x  u, Y5 f) A. n
2.   <head>   
   ' o$ v, h1 j" z$ q
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>   
   * f, M9 v4 G& ~! p
8.   <body>   
   
9.     Hello, PageSpeed!   
   1 `- l: q% d) T7 U
10.   </body>   
    " E7 `! y8 a/ A, F8 `3 ~% g' e7 `
11. </html>  

复制代码

, _6 h% Q$ Z# z4 ]' d! A0 M

alinwo

感谢分享！