合并外部JavaScript的实例

ziyouhua

html代码:
0 C6 s; F0 @" i# C6 @6 W2 t

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   & D6 E! `. r) V
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   6 L4 ~5 M4 i+ x) M
8.     Hello, PageSpeed!   
   3 H5 Z5 [" B& K) d; l, H. N
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   # ^" \8 x/ G. W1 x/ \2 J
3.   document.body.appendChild(document.createElement("br"));   
   3 ?9 M( j4 s# U5 |) U8 b
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   # K. L4 o' A) J; r3 N4 v* l
2.   logText("Application started.");   
   5 K  @1 e/ O0 a  u; f% r$ S+ i$ J
3.   logText("Library operation confirmed.");   
   6 h! @7 n% o* f: Q  \/ [
4. }  

复制代码

合并后的html代码:
4 {: X( X* m1 h

1. <html>   
   7 b; V9 r' M" A& N5 I$ M
2.   <head>   
   ' R4 h+ {0 ~; p4 l1 D
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   9 `% _  A2 P" V# R& z# O+ a
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

8 Y/ b+ P0 H+ x
; I  R# S! ]- D$ s; @3 C

alinwo

感谢分享！