合并外部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>   
   & w/ a( c4 ^; `* F( O
6.   </head>   
   0 j6 M( O8 M* W
7.   <body>   
   # q; K8 l: u3 Y9 a. c
8.     Hello, PageSpeed!   
   
9.   </body>   
   + \( I: Y" o$ W: V
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   ! ]1 T) k5 _' V, C6 y& |
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   ; O* k+ e% o9 W* J8 s
2.   logText("Application started.");   
     F3 [! F. |# A* d
3.   logText("Library operation confirmed.");   
   , p. ~4 Z' U7 F7 w
4. }  

复制代码

合并后的html代码:
$ Z  L. V9 C6 X

1. <html>   
   
2.   <head>   
   * S3 Q8 ^) e# S  e
3.     <title>combine_javascript example</title>   
   9 W9 S. H) {; J8 l9 p+ a
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   2 r/ W# B, `. K0 V9 O% x( u# @
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

' M7 Q) a4 W6 ^/ [6 k5 l5 j
: r& N1 s: s2 g+ Y

alinwo

感谢分享！