合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   / r9 q2 Z6 P* ]7 a
2.   <head>   
   & y/ T. h# |; t: E
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   ; N( |8 Q. j# e% n
6.   </head>   
   / B# B  ~! U7 n
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   3 q' E5 R, z: q5 W& Q' N2 D
10. </html>  

复制代码

js1.js代码为：
) w4 p8 y: i0 Z/ H2 X

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   ) u  `4 Y# y6 H' k) m+ H6 O
3.   document.body.appendChild(document.createElement("br"));   
   ) \: s1 V4 m. @
4. }  

复制代码

js2.js代码为：
; w6 ^5 ~. z0 E9 D7 g6 F

1. window.onload = function() {   
   & r4 K) A" c/ ^) m8 }; P* u5 d+ U
2.   logText("Application started.");   
   5 j  f7 _% i% y
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   . n8 v( ?9 Q+ G2 D! l9 u) S
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   - @. i: c  n. _, F# @0 `
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   3 w0 k. U$ q- L
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   , v, A9 K! N. a6 q: z+ d
8.   <body>   
   4 Z- u& [  X/ ?
9.     Hello, PageSpeed!   
   5 J9 W* J4 `* h% K' ?$ N
10.   </body>   
    6 {) D& I6 g5 k4 E: L
11. </html>  

复制代码

alinwo

感谢分享！