合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   4 I. Z: Z6 X6 t8 S$ K
2.   <head>   
   8 i8 P& r" W. P0 |
3.     <title>combine_javascript example</title>   
   ; P1 h& ~3 \4 Q; c- j
4.     <script src="js1.js"></script>   
   ( Q" t* t/ i/ V" J
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   , e* w* b' i" u& E+ C3 D& V" R3 x
8.     Hello, PageSpeed!   
   ' [% Y2 h5 N- n
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
! u, _  T4 ]% j7 t3 S4 o  f

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

复制代码

js2.js代码为：
: C4 V/ l$ W4 C, E

1. window.onload = function() {   
   
2.   logText("Application started.");   
   ( b' l6 |6 C  N, ]& D& i& r6 i
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   3 @( Y( Y9 Q/ N+ x! M8 U/ w; a# A! |0 |9 e
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   3 f  _: k% U% y
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   ! ?; s  g* b& @- r
9.     Hello, PageSpeed!   
   
10.   </body>   
    ' I4 X. k: j1 M. c$ h
11. </html>  

复制代码

. z4 n" `9 g, X$ e9 n
+ f3 u7 I- X9 Q! D/ v' G; I% n

alinwo

感谢分享！