合并外部JavaScript的实例

ziyouhua

html代码:
8 A3 P" K! c" u  h, }) C3 n2 A( F

1. <html>   
   , _# w% h' X3 j
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   - `' {1 J4 E6 O$ W* p: y% v. X
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   * b0 J) j2 z& a& B5 K
7.   <body>   
   
8.     Hello, PageSpeed!   
   7 H( B9 {# P$ U: A4 @/ G5 v
9.   </body>   
   8 g3 h  t2 V' U% ?" l1 z7 z
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   2 W7 I. A  J- B4 O4 B! }
2.   document.body.appendChild(document.createTextNode(message));   
   + p6 G4 n2 @# y3 p1 Y
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
5 w) n# e0 [$ n5 J8 Z) b

1. window.onload = function() {   
   & C, Z4 U, a, E" e/ @
2.   logText("Application started.");   
   3 Z& U0 y  P# T1 P/ B5 [2 Q! m
3.   logText("Library operation confirmed.");   
   2 N( [+ g" G2 M3 _
4. }  

复制代码

合并后的html代码:
' l" v! g+ }+ i% d8 d& s4 z, |

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ( c: J0 N+ J- f5 ~$ g, i) U
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   ) ?# Y* Z7 a5 x, N! d
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   - j9 e# i. @8 J% N$ T1 t
8.   <body>   
   # x$ T0 S. |; e2 _4 l- m/ I# F% Q
9.     Hello, PageSpeed!   
   
10.   </body>   
    - |8 c# t. `* j5 A/ D2 _) A+ X
11. </html>  

复制代码

; M% `, b3 j2 i5 d0 K

alinwo

感谢分享！