合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   " U( ~8 V2 X: u. O3 I- d% U
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   , Q- B; p, O9 g
4.     <script src="js1.js"></script>   
   : i; T! q  b3 b4 C
5.     <script src="js2.js"></script>   
   * N2 j: {$ f* ~6 F5 K3 y) {; \
6.   </head>   
   ' R& R5 g! a0 F0 u$ |
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
     r+ c( n/ P: V8 m" n9 h/ Z9 x
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   9 I% |* z6 y- y' M% X$ x: i
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
- z( @4 H. ?7 j& [" ]' f* B& p

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

复制代码

合并后的html代码:
# t! r# u  Q+ O( Y, J  u1 m6 u+ I9 [) r

1. <html>   
   : J; E4 J7 y5 W" i9 D( x
2.   <head>   
   ! Y" U  _9 e% b
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   5 l2 L4 n0 b1 m! E* ~) W# b. C+ e3 u
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   3 J" }% l. A# P8 P1 h  \
10.   </body>   
    1 L  p( V* ]$ @& R7 w
11. </html>  

复制代码

) s5 M9 _) I5 C% k& p

alinwo

感谢分享！