合并外部JavaScript的实例

ziyouhua

html代码:
2 t+ P) H/ K. A, K/ b: L0 L

1. <html>   
   ) n; c/ S! j7 G; u5 ]
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   3 `1 X: ?5 p) L& H8 J7 }
7.   <body>   
   # I9 R: q2 V4 Z: y9 f
8.     Hello, PageSpeed!   
   
9.   </body>   
   5 I+ p; l" `/ ]: t6 J  s7 n+ d
10. </html>  

复制代码

js1.js代码为：
- e0 G& j: s9 z( v$ ]2 ]

1. function logText(message) {   
   ' E, F2 M* c+ \0 L9 L# K( K5 G
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
     ?4 c6 `9 `; y5 A! }1 M
4. }  

复制代码

js2.js代码为：
: b/ n, o  c: x, J

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

复制代码

合并后的html代码:
2 v6 v3 O6 |+ i# J

1. <html>   
   , b# l/ @4 S1 x/ L, d
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ! `5 w/ w$ T3 Z6 Q: u
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ; V' ^" R# d2 P  h( j5 \
7.   </head>   
   9 I3 s' e4 v2 y1 F
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

. ?% l) q- B& O) q- o+ ~

alinwo

感谢分享！