合并外部JavaScript的实例

ziyouhua

html代码:
0 \: G' s" l2 P3 u# v2 r

1. <html>   
   
2.   <head>   
   ! Y  Z% r9 ?( `2 z' @5 W5 a. x1 q6 O
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   9 k3 T9 o4 V7 ], x9 X
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
. G8 T" T# G1 a) t' r1 i; O4 ?

1. function logText(message) {   
   - _4 b7 F. M6 c8 v3 y3 u2 B- ?
2.   document.body.appendChild(document.createTextNode(message));   
   , t& [$ `0 T/ R4 \# _: A5 B2 x, ]- z% m
3.   document.body.appendChild(document.createElement("br"));   
   2 E1 p& G4 J" l* c* L% }' g
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
  G$ x9 x+ t, w! R

1. <html>   
   . ]0 c, w; D/ F2 H0 m& @6 |
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ' F! I" V$ n) |
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   0 C& D8 e- n: }/ T" o* R% n
10.   </body>   
    
11. </html>  

复制代码

9 l  k+ i3 a4 j7 F4 i: X

alinwo

感谢分享！