合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   " A+ L5 K7 |4 C) d
5.     <script src="js2.js"></script>   
   $ d" T3 l0 {* K; t
6.   </head>   
   # C% Z1 V7 j8 |3 y1 R+ ]" b
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
5 X, x6 I" {% a

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   " v* y0 `( k7 S4 ~1 C# _4 ~7 g
3.   document.body.appendChild(document.createElement("br"));   
   / U7 R7 a3 Y- s- E; a
4. }  

复制代码

js2.js代码为：
# ^! ^8 A8 f8 U1 R1 ^# b

1. window.onload = function() {   
   
2.   logText("Application started.");   
   9 v4 s# I4 n! `' p: m: r
3.   logText("Library operation confirmed.");   
   , ^: v0 a( {) N) z- C! w3 E
4. }  

复制代码

合并后的html代码:
$ f( ]+ v1 D  ^1 t0 F& ]( c) G

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ) @2 t1 Z! _) w1 z4 R
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   1 e5 X: ]- N/ U+ }" a  [2 X
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   % D! u  C) X) k$ J7 u* a
10.   </body>   
    : M6 a/ U% x0 W/ g, o
11. </html>  

复制代码

* a" u$ Z/ M, u) n' A

alinwo

感谢分享！