合并外部JavaScript的实例

ziyouhua

html代码:
1 a2 e/ k8 A0 D7 G# R; a; r( ]

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   3 i5 _! [/ d$ v
5.     <script src="js2.js"></script>   
     g# J8 N. J0 j
6.   </head>   
   
7.   <body>   
   
8.     Hello, PageSpeed!   
   0 s: q3 m# u7 G8 `' C: w/ j, `
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   ! Q, U0 }- F; Y/ S
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   8 v5 d0 R5 z' \. e' e
2.   logText("Application started.");   
   6 T- ~0 Z" n1 d9 z5 k
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
7 K9 X) R. \6 M0 f0 b& ?

1. <html>   
   & b7 L( O3 n( x; g! L$ F
2.   <head>   
   ; q: x, l8 J# e: {1 Q# W$ q; x2 S3 \+ ~
3.     <title>combine_javascript example</title>   
   9 U- H( `( a/ g7 I, T7 V1 r& U4 s
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   + N, Q/ s+ P( F/ f3 U+ }2 s
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   ; x# @( @- a6 d* C: Y% E5 o
7.   </head>   
   $ g! m9 K, D- G' x' N
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

7 [* h, T3 b' f, z4 S+ l

alinwo

感谢分享！