合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   ! |. Y  E$ a4 E4 q+ j  |
3.     <title>combine_javascript example</title>   
   % s; V7 b6 U( Y; o/ m9 T; H$ V
4.     <script src="js1.js"></script>   
   % B6 l8 I3 T7 r0 N
5.     <script src="js2.js"></script>   
   
6.   </head>   
   ! l% d/ {6 t: r' x
7.   <body>   
   
8.     Hello, PageSpeed!   
     ~- q; k* n- w! o  p. p7 p
9.   </body>   
   ) ~/ p. x. v% {* O2 J' Q: M! j+ ~
10. </html>  

复制代码

js1.js代码为：
- `1 q' ?# W7 q" G9 [1 h

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   ; d9 Z, \( r2 q7 e9 K3 ]3 i% |
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
  o( |; {0 J. w, a2 W$ a

1. window.onload = function() {   
   
2.   logText("Application started.");   
   ) c5 N2 |0 _' [2 C3 k/ f1 G+ D9 X
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
6 V# ~- W4 x7 \. T# |2 b0 _

1. <html>   
   9 o# R* B% w& E) L$ u4 Z
2.   <head>   
   9 O$ z( j5 T9 e5 ]# @. M
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>   
   : \+ U: c& M# ]! G. \! g" n9 {- I; d
8.   <body>   
   4 ~. E4 [2 x: Q3 F% s( _
9.     Hello, PageSpeed!   
     [" _, t( S5 q6 M
10.   </body>   
    ( F, Y8 ^8 T2 g# p, L
11. </html>  

复制代码

1 X: P8 Q& I( ]  x# W, b8 f

alinwo

感谢分享！