合并外部JavaScript的实例

ziyouhua

html代码:
4 p5 D% W/ g$ ^- W  I

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   9 P$ t: L) P8 i3 y4 S# [
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   & U3 _5 k' m7 `% h0 D7 r, V! F
6.   </head>   
   ; n* g( ?; h& M5 `
7.   <body>   
   3 @- h- D6 P# u4 K! b
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   6 O: s  r* \! n$ ?5 s7 h9 d
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   & {: t( F# Z1 q+ b
2.   logText("Application started.");   
   2 s5 Y9 m& j+ k  K
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   2 j! p8 O) m$ {" h# R
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ' t- n& U1 c1 F0 z. Y: }
7.   </head>   
   
8.   <body>   
   9 z) }, C$ g( a8 c( x- b7 w
9.     Hello, PageSpeed!   
   $ k$ @' m: H% ^; j: m& h
10.   </body>   
    # S* b; n8 k5 E' k5 m4 q
11. </html>  

复制代码

' K% z- A, z& a" b
8 l5 T9 n( j2 B) g# V! n9 N

alinwo

感谢分享！