合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   * u& Z: h, s- D. N* X  f4 P/ Z9 b
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   , _  [8 F% t7 Q
6.   </head>   
   " F3 Q$ k! Q% N! o
7.   <body>   
   1 A0 J- z9 _# u: J* ~
8.     Hello, PageSpeed!   
   % Q0 b3 K- K1 {  e. |% r
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
! ?5 e4 n3 m) w( e/ p+ t2 f/ Y

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   ) D5 v' A' \8 x5 @6 D; q+ {
3.   logText("Library operation confirmed.");   
   $ V- n8 ]! i/ D9 H. ], ?4 k
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   2 Z. z, `1 R4 ]: ~' z3 N+ `, M
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   + S  t9 U  p1 o2 l
7.   </head>   
     R! y: V* x# L5 U/ S: F
8.   <body>   
   
9.     Hello, PageSpeed!   
   2 Y& q( y* Y* T4 o( w6 b; |
10.   </body>   
    , n8 _% L- a( ]- @
11. </html>  

复制代码

+ A- S- c" ]/ P  |# E

alinwo

感谢分享！