合并外部JavaScript的实例

ziyouhua

html代码:
0 N9 [) d3 ?6 p5 M+ w

1. <html>   
   $ M4 Q8 ?3 g2 y) W. D, d  n4 g
2.   <head>   
   8 D4 L+ q' F$ E6 d6 ^% K: o( R
3.     <title>combine_javascript example</title>   
     i* a- R: K, R# G
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   - C& t4 o5 u9 e9 m1 v
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

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

复制代码

js2.js代码为：
8 i- R; W( B$ J* R  \

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   6 N  M- l0 g4 ^; |6 f7 W0 A
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   ; S  M' c: V9 |! Q! f0 u* G
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   3 O" @1 r0 I/ `' ^, I. U
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    & L4 G. _8 q8 i7 s- B5 l( i
11. </html>  

复制代码

! \: Z; a$ j5 T% A: p
) C7 ^7 _: Y! G# G; ]

alinwo

感谢分享！