合并外部JavaScript的实例

ziyouhua

html代码:
0 B. T3 @9 d" N; v0 E" Z

1. <html>   
   ' I) F0 ~: O0 n: T! D( d
2.   <head>   
   : f; G! I0 r% A) m/ ~
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   ) u2 d& f9 b6 J3 o; U8 ?7 y# j& p3 a
8.     Hello, PageSpeed!   
   , ?. N/ r: C0 f( }
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   3 w" O. v/ G' }5 {
2.   document.body.appendChild(document.createTextNode(message));   
   / L- q, J" Z; e  e
3.   document.body.appendChild(document.createElement("br"));   
   % r' g5 M  ?& k* r6 v
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   9 j& V5 l8 u& N; D7 U# t
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   9 R( J  M: [4 G% R; Q5 F
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   7 Q9 [+ y- k4 n3 F: I- m
3.     <title>combine_javascript example</title>   
   : i/ _/ O" w& F9 J7 C
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   8 D  m/ N( c4 m; q0 e7 |4 F& S$ s
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   4 d0 s, a2 e8 f, T* [0 r+ C) v2 ]8 L
8.   <body>   
   ! ~, @2 F$ p0 D
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！