合并外部JavaScript的实例

ziyouhua

html代码:
/ v6 l, N* u# f# X; P8 M' N& b

1. <html>   
   * k9 g4 Q% f" R6 w0 B- p
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   1 i* Q1 i1 N" Y' N2 d
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   0 V  n, T1 i. P! z4 k% r
8.     Hello, PageSpeed!   
   0 J9 n. k: z, Z* V0 W) {
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   6 O' B. d( N' }# T9 P" D( K
4. }  

复制代码

js2.js代码为：
% x' y- c* l- F

1. window.onload = function() {   
   6 F4 b3 q+ q7 G' C
2.   logText("Application started.");   
   , i& i6 R- S' G! l3 ~
3.   logText("Library operation confirmed.");   
   2 R( D. s7 [# U  Z6 _+ m
4. }  

复制代码

合并后的html代码:

1. <html>   
   . @; |; W# ^: p
2.   <head>   
   - h: s" H4 a& Z; l2 Y" q2 P5 ^
3.     <title>combine_javascript example</title>   
   $ s9 S$ B2 F, _0 L5 X
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   , B1 i0 R! r! j) F% {
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

* `2 h' O; e7 B+ M

alinwo

感谢分享！