合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   9 C1 j  ~, E8 |2 v) o! t  b
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   : p8 a6 L1 l# ]. O
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   8 y+ |$ @# D4 D( q1 y1 E) ]- @2 Y
9.   </body>   
   & _* E- v* ], A( T; N9 a
10. </html>  

复制代码

js1.js代码为：
9 d" W, R! G) v( ?8 |) ?1 l5 [+ M) C( p0 _

1. function logText(message) {   
   + L9 u! @' Q, X1 e
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.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
4 p& o3 F$ y$ E7 ]$ ^. |& G) E

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   9 R. j3 F/ W/ ~/ I/ {% I2 W
4.     <script src="js1-js2.js"></script>   
   8 {- u" y2 S5 }
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   9 V% O* [5 f7 l6 H6 y
7.   </head>   
   
8.   <body>   
     X3 Z& x: r  V+ U
9.     Hello, PageSpeed!   
   / k: f4 d/ `" l2 k' P" M. E4 n$ n
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！