合并外部JavaScript的实例

ziyouhua

html代码:
: R" j- ^1 i! G! |9 N: y

1. <html>   
   7 D% U( t0 m  c: g: J
2.   <head>   
   " x& k$ H- M( K: z. T% \, `& t; Q
3.     <title>combine_javascript example</title>   
   2 I- V$ P4 M% Q7 a  ~6 q1 i& P
4.     <script src="js1.js"></script>   
   6 F9 I0 B- e% i7 J4 q
5.     <script src="js2.js"></script>   
   : B8 q% f" i; L4 R9 a
6.   </head>   
   4 S$ f+ L; @$ |- d
7.   <body>   
   # R, z# q+ k& r! y; A  [
8.     Hello, PageSpeed!   
   + s0 I/ v8 H# p0 M, F/ v$ p7 q
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   ; x4 X1 `" J# w% b/ O
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   * c# U/ m/ v: _" x- X
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   & d+ w/ `+ ^1 {, O" t
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   # y$ C6 r1 ?" P
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   : e; o6 l3 x* A4 t: o% w
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   & `* g* Q( H/ y0 u  w9 m, |5 \
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   1 N# q! H+ h. h* m2 d7 M
7.   </head>   
   8 G. d# e6 R/ J" q9 l
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    6 @$ ^5 V& Q; Q: A- Z. r" a6 q
11. </html>  

复制代码

8 v. M0 l/ ]1 _  E1 w
0 Z0 E, m1 b% [7 C! c$ ?, y

alinwo

感谢分享！