合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   + b) |$ E0 I; D1 E9 B( n% B
6.   </head>   
   & C0 [5 i1 A  {# J( Q' W! Y/ ]
7.   <body>   
   6 _/ d: p9 Z' `8 S' k
8.     Hello, PageSpeed!   
   
9.   </body>   
   3 R4 M6 f2 J1 _  V6 }: T5 v
10. </html>  

复制代码

js1.js代码为：
4 U, ~6 r( ]3 q% n3 L

1. function logText(message) {   
   6 o0 n9 d. `  U+ ^- J0 J
2.   document.body.appendChild(document.createTextNode(message));   
   ) I8 m  N, t$ L0 O
3.   document.body.appendChild(document.createElement("br"));   
   5 J# Q7 _" S! q5 n1 R
4. }  

复制代码

js2.js代码为：

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

复制代码

合并后的html代码:
9 n; g% }* M' P" z

1. <html>   
     ~  D/ V4 B% H2 }& T# C
2.   <head>   
   " Y( d# W5 a+ A2 O3 ~; n
3.     <title>combine_javascript example</title>   
   ; n# `7 j2 A/ E3 x
4.     <script src="js1-js2.js"></script>   
   7 I4 a' b& M" y6 M. x. _- M
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   + P& h. i4 V/ m8 V1 K
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

: m0 Y  z4 u# _
( M% B0 L. {  g( L) U

alinwo

感谢分享！