合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   - K# c# U$ Y9 v2 l7 w2 m
4.     <script src="js1.js"></script>   
   / u/ y( ~% f* z: c2 C4 i
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   5 o4 f) L$ F3 |' i* P
9.   </body>   
   + X5 p; i1 ]6 ?. x- D
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   ; b" n: T& G5 v2 j5 u! l
3.   document.body.appendChild(document.createElement("br"));   
   ( @* w5 ^1 s+ U
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   & g; L6 ?/ P2 i4 C* _
2.   logText("Application started.");   
   ! o. z( ^! @) G" U! @" ]
3.   logText("Library operation confirmed.");   
   & D. }4 {. X1 T. k, r+ L0 o
4. }  

复制代码

合并后的html代码:
, d5 Q5 q9 r/ A- {# i1 E1 r

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   % a: s+ ~2 A( d3 ^; c: o& w
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   - F$ c; T: v; Z$ Q# v8 z
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   : y* C7 [# r9 c) s
7.   </head>   
   
8.   <body>   
   5 w5 _0 ?9 F* V
9.     Hello, PageSpeed!   
   3 n% L( F0 ^. N, h0 l2 N) `. a
10.   </body>   
    
11. </html>  

复制代码

4 |8 O, [2 J1 Q8 |+ B

alinwo

感谢分享！