合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   - V  n1 J3 G( G3 p
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ; n0 W* E( @/ a3 h  N0 N
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   : h/ j9 K5 ~" Q
6.   </head>   
   # g4 J# c4 K- W1 {  H1 p
7.   <body>   
   . d, F7 |6 Q  d# \
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   & ~& u0 V, O7 A! _  P! o- [
4. }  

复制代码

js2.js代码为：
. j# R$ W, B" P, L8 B

1. window.onload = function() {   
   4 R3 U" t/ q& G: T3 ]( _' `) D
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
1 @6 t: {: L" }: o- E9 \/ |% N

1. <html>   
   6 g3 ]& }% [: a# v0 ~
2.   <head>   
   . E: A* y. b1 s5 Q
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()函数 //-->   
   , g! q& ]3 C3 e% y& l5 D
7.   </head>   
   
8.   <body>   
   6 ]3 n. T) t) A) ^1 ~  g' N+ E1 m3 W4 Z
9.     Hello, PageSpeed!   
   
10.   </body>   
    - C, F- O* [! y
11. </html>  

复制代码

& Y, z, F8 r, L

alinwo

感谢分享！