合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   0 m& C3 j, E6 L, W% f! R2 J" B
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   : I+ V4 {3 N( S- R; V
4.     <script src="js1.js"></script>   
   ! h; d* K# W  d0 }: m9 V- Z3 g) y
5.     <script src="js2.js"></script>   
   ! X0 [2 L2 f7 s& A: \2 H
6.   </head>   
   ! u0 ~& @4 u7 ^( ?: \  I, k) K
7.   <body>   
   % b$ T9 r" V+ ~/ Q" L2 P3 L
8.     Hello, PageSpeed!   
   1 @) }" A5 f5 C- h
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   " N! Y7 x6 [: i2 i7 M( K* _2 y* |
2.   document.body.appendChild(document.createTextNode(message));   
   8 v9 a  z. F% N4 c& m) Y* _* n5 H+ z
3.   document.body.appendChild(document.createElement("br"));   
   7 Q. m$ M$ N/ _& ]
4. }  

复制代码

js2.js代码为：
/ e6 B" {$ \  e; H8 z3 T' H# R

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

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ' G2 y! y6 u+ B: h2 o/ Z
4.     <script src="js1-js2.js"></script>   
   7 i6 G5 Q" y/ v
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   * A! v, Z1 e8 y6 W  Q. x+ W
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   . t$ S, Y% w) G" {
7.   </head>   
   , u5 E3 R/ X% \5 H
8.   <body>   
   ( ~3 V) @, @0 \$ ^9 l$ {
9.     Hello, PageSpeed!   
   ) J3 i! V3 x) C+ z6 z# M+ W% A
10.   </body>   
    7 U/ R6 x) M& |, f
11. </html>  

复制代码

# Z; [% ~3 O6 y* f
+ l1 a' c; {7 @( I8 |& g8 Z4 m

alinwo

感谢分享！