合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   + v3 G3 u4 H  l6 t
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   0 i6 Y9 C& Z0 Y9 p
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   & f8 E# d* q+ ]# D
9.   </body>   
   " S( R% ~  M& k5 H& U" J1 G& v
10. </html>  

复制代码

js1.js代码为：
! C: O9 g5 O. j4 V2 g+ N

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   + ~1 p7 P' ]" h5 g0 o( @
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
5 u! W+ t* I( I: U# N8 \

1. window.onload = function() {   
   6 l9 a, A& K& o  c4 G. i3 P
2.   logText("Application started.");   
   2 f2 q4 n9 Q% ~" d  }
3.   logText("Library operation confirmed.");   
   + Q: O8 t+ r5 \. s6 L
4. }  

复制代码

合并后的html代码:

1. <html>   
   ' m2 N2 B$ v5 d- [. U8 b
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ; F7 B! U) a  _# Y
4.     <script src="js1-js2.js"></script>   
   / X- P5 W# }0 }" p1 A
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   : `2 h4 R; m5 Y; y
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   4 \, m$ V& \2 a3 ~, V
8.   <body>   
   ! Z( `5 g7 ^- [; ~* [- \
9.     Hello, PageSpeed!   
   
10.   </body>   
    $ s& j0 ~+ s+ n0 O
11. </html>  

复制代码

  U6 F4 Q7 i' E; P* E

alinwo

感谢分享！