合并外部JavaScript的实例

ziyouhua

html代码:
3 V/ O* V$ [% W( m/ A1 l' x

1. <html>   
   
2.   <head>   
   : a( b! e* k  O; R! |4 O" f
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   ! d+ s6 s6 c5 U4 s: L
6.   </head>   
   9 I1 W" Z/ `' `1 \2 \
7.   <body>   
   9 Z9 n  S8 o% w0 O
8.     Hello, PageSpeed!   
   
9.   </body>   
   * K5 y  y% f, N& v# _# E/ |
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   % g, l! d& H; B$ d, A( d) b' }
2.   document.body.appendChild(document.createTextNode(message));   
   % i6 K+ Y9 b: v, A
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
! V! X1 f& w2 T; p& D# v8 W6 p; w

1. window.onload = function() {   
   7 S% G9 d4 k6 d, x. l
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   ( B" N. L& I& H/ T; d( w
4. }  

复制代码

合并后的html代码:

1. <html>   
   ) a7 V& a# [5 F, _* C- P, h
2.   <head>   
   9 ^+ b+ q0 N7 v8 X) E* p+ V
3.     <title>combine_javascript example</title>   
   1 I2 Z4 A% ?8 V- [/ q- X5 g- N
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   0 u: A( E3 A" K; V( i
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   & `7 T6 c( |9 k- k
7.   </head>   
   . I0 p; R9 g8 Y$ j) N, R
8.   <body>   
   , _4 n1 }. P& d$ [2 A% o- B8 q. b2 H5 b
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！