合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   ' ]% J0 A' B+ ]! J/ \' {' V- v3 k
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   - F) Z7 V( ~: }& K( l. V
6.   </head>   
   
7.   <body>   
   9 h! }4 D: W. Z8 C( K6 V
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
7 c4 O' q' i- B3 C4 F5 ]

1. function logText(message) {   
   * r5 ^0 S: p  L2 i( I6 O0 D
2.   document.body.appendChild(document.createTextNode(message));   
   + T% m! `% b" Z# i
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
9 N, I7 c' T5 D4 F, K9 T

1. window.onload = function() {   
   * ^3 f- C# [3 v6 e
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   ' g# o" F9 S. ?( N1 p! |& k
4. }  

复制代码

合并后的html代码:
, o2 i) h2 H  [  D

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   9 d3 d! y  \: [: I: u
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   , T2 i% H+ l: I# Z4 v+ H
7.   </head>   
   ! ^+ V$ h2 |! K4 B8 j& B" M
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

& w; Q$ N! K# R4 x! s

alinwo

感谢分享！