合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   & r# [4 k! D7 [& I
4.     <script src="js1.js"></script>   
   ( A: ^, ~) f* D' l. h/ `8 F6 _: ^
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   " {% R! e$ E$ v6 w% v8 N; s
8.     Hello, PageSpeed!   
   8 \# b5 {. m, s% b* ^5 o
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
& c- G& }6 n( |% P( E. A  t

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   9 f( W8 B' X- O0 C" l! l; y4 T1 S, @, Z
3.   document.body.appendChild(document.createElement("br"));   
   8 B3 a6 o0 U  E5 l- K0 @1 C9 n
4. }  

复制代码

js2.js代码为：
& ^" m4 M  m" o% A

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   % {: @2 B$ m4 k/ C
4. }  

复制代码

合并后的html代码:
, v8 g# t/ l' q) |$ d+ \

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   4 r7 ?4 Z, B4 E2 S5 h
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   5 G# Z: m0 Q0 P6 C+ v: S
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！