合并外部JavaScript的实例

ziyouhua

html代码:
% R8 `/ n; b% m

1. <html>   
   ' h8 {& S: R/ f+ c& [1 w
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   . E* p$ F" E0 R0 [3 d: Y8 e: @% D
5.     <script src="js2.js"></script>   
   ( _3 o7 ~+ i# ~2 X
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   " h# n7 \1 H: g3 [7 Z$ f
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
8 m$ [! }) ^1 g9 s3 e4 j- ]

1. window.onload = function() {   
   ( k$ g3 Q8 v3 p9 e- o
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
7 u! F* M; H9 m( c# y8 T6 R. C  M

1. <html>   
   * h$ ^9 }: M* v6 k6 U2 V3 |! Y
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   $ s; V, m2 e$ r! T$ j# B7 [! O
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   % L+ M9 c+ p5 c
9.     Hello, PageSpeed!   
   
10.   </body>   
    * g8 k0 ^2 X3 `% h  b
11. </html>  

复制代码

: q& y- i& y3 R8 X5 ^

alinwo

感谢分享！