合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   * u4 h& @, v. ~# Z/ I
2.   <head>   
   ' f/ Y5 {) C( S
3.     <title>combine_javascript example</title>   
   / @- @3 K' Q7 R( Z. M; l7 ~
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   7 \* w9 `' D* h* Y  j  C, W
7.   <body>   
   2 W9 B4 ^  L! W* E& t
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
! b5 l4 w5 w/ C3 s: }0 [0 u

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   * A  v. Q0 L5 O* V8 V% h
3.   document.body.appendChild(document.createElement("br"));   
   0 _/ n" ]- ^& ]9 `% i& R. h- G
4. }  

复制代码

js2.js代码为：
" s1 [$ \; i; R4 r! ]+ `/ b7 w

1. window.onload = function() {   
   
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   5 X4 O) L  P' G" A, Y1 i  O+ b3 D
2.   <head>   
   6 _$ @2 |  h/ r- P# s6 L) h
3.     <title>combine_javascript example</title>   
   & p: k0 v9 v7 k0 N8 I7 C
4.     <script src="js1-js2.js"></script>   
   ' b  n# b: a/ X. O4 y2 S
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   / o9 d# U! k9 f% u7 C
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ; ]- ?# U6 O# s( }8 C' K
7.   </head>   
   , z3 j" G8 a1 j( s' t9 j& H% N
8.   <body>   
   % }) E+ w& y1 a% q7 m
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

% Y# L* `, B2 [* N
' G% N3 y( V& H1 Z9 c5 l8 i

alinwo

感谢分享！