合并外部JavaScript的实例

ziyouhua

html代码:
; J7 G+ M& c, j0 S: j

1. <html>   
   * p3 v5 N+ j" ^: W/ I; b
2.   <head>   
   9 N. l6 T/ K- {/ @# M
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   & e4 l* n! {8 s% C+ P
5.     <script src="js2.js"></script>   
   
6.   </head>   
   : o; R; A" Z' I$ R
7.   <body>   
   
8.     Hello, PageSpeed!   
   2 @, d/ E6 a* V0 [4 T
9.   </body>   
   # A# ?* W$ \' \. [7 _: H  Q
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   , Q; y; j. M! Y, M0 I
2.   document.body.appendChild(document.createTextNode(message));   
   . a( V8 J8 ~! L- v+ d7 B; p( F8 V
3.   document.body.appendChild(document.createElement("br"));   
   7 {: q2 C% i' P; M
4. }  

复制代码

js2.js代码为：
- E% z8 T3 e/ w, z

1. window.onload = function() {   
   ; B! ]4 |9 m# d& c
2.   logText("Application started.");   
   ! O) N8 B7 D' S9 W- `
3.   logText("Library operation confirmed.");   
   4 F- v" @3 H9 f2 K) v; \
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   + l$ K9 q* [( b
3.     <title>combine_javascript example</title>   
   5 r+ l5 M: N8 F: O) k; T
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   1 |# l5 K- u3 ~' W* v% u
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    $ M: G1 y% U" x3 Y8 D
11. </html>  

复制代码

) i' G( @) r* \/ C& s& z0 d1 Q

alinwo

感谢分享！