合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   3 ^( x4 Y; [" }/ F* L- y
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   5 x; t& d( K2 c/ V% U; E
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   9 E- f2 T4 [% m3 u1 R
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   * r* I! \* C5 `. ?; Y- g/ `
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.");   
   
3.   logText("Library operation confirmed.");   
   ; f9 ]9 ^4 l* R  P5 K) e! e  v
4. }  

复制代码

合并后的html代码:
; V; m5 Q7 m3 h' `* j

1. <html>   
   9 b, _3 R  |3 h& |; _" d
2.   <head>   
   * a! w' \* i$ |2 Q3 N
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   1 u+ d9 N" v& z, w5 w
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   0 J# j- S, @1 f( C% t8 B! X
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   5 o6 C( F+ W) z( l; t! y1 w
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   6 _9 _) y: i  B& p: U
10.   </body>   
      I$ n8 M2 M0 m3 n
11. </html>  

复制代码

8 T+ b' _. K$ P7 {" n6 P, U
: M+ u4 v! W/ r0 e3 K0 h( n

alinwo

感谢分享！