合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   + o; \% D5 U+ w) o
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   7 C" E( }6 G3 d4 s
6.   </head>   
   
7.   <body>   
   ; O9 z% o# @1 U
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   ' _0 ]' r- Y! M* L& \9 X  R
2.   document.body.appendChild(document.createTextNode(message));   
   & u- e- Q1 q9 J! J' F5 `  o
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
     W9 g, a# a( d1 Q
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
0 J3 y( O2 j5 u

1. <html>   
   8 ?' V1 X+ _( T, \
2.   <head>   
   : E' `7 ]) |6 S9 T  r
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   # k4 h+ [! Q+ w
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   0 ^' h0 E5 ?2 j5 ]& B  K" A
10.   </body>   
    
11. </html>  

复制代码

( b% t% J- z. e% W

alinwo

感谢分享！