合并外部JavaScript的实例

ziyouhua

html代码:
( j- H1 j4 g, e2 ^2 b

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   9 J3 o. ~( \; Q' P& F
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   + p9 Y2 q9 {" ~% w
6.   </head>   
   6 ~  f; W! X% j. g. P
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   , v9 D7 H; j3 R: r$ m/ K! B+ I
10. </html>  

复制代码

js1.js代码为：
5 T! E% v' V3 t4 u) x4 N. ]* @) u" u

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

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   " f( N/ {" g0 u/ D8 t* I; e( e
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   * |: z) l+ ^2 C+ m# x. ^
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   1 v2 q. ^0 j1 O7 M$ \
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   2 w% B) N& I) }2 O
10.   </body>   
    : k* `0 F+ s) a) d! I- B
11. </html>  

复制代码

+ l8 T  ~4 m' b  M. T* b* U

alinwo

感谢分享！