合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   - S3 B5 b8 h% n, ?& A
2.   <head>   
   & \' n% K  w; z5 H$ n8 B0 D. G4 {
3.     <title>combine_javascript example</title>   
   5 L$ I7 D2 g/ I# v( |2 Q
4.     <script src="js1.js"></script>   
   : k( I4 i# k5 @8 I
5.     <script src="js2.js"></script>   
   
6.   </head>   
   & h  e5 d8 i; o# I
7.   <body>   
   
8.     Hello, PageSpeed!   
   . @* A! g8 T+ n: L& O0 |8 B: m
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   ( q# H' h2 D0 C& D) q
4. }  

复制代码

js2.js代码为：
+ A7 ^5 M5 Y8 {6 W" m! h% F5 V6 F

1. window.onload = function() {   
   / O  K# J# `& i; v5 {% j& n
2.   logText("Application started.");   
   / w+ t7 t/ s8 n1 [8 ]: [4 m
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   - z( `  I( d/ r6 i, j. A
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   % y$ _; Z7 F2 _. Y; Y0 T+ p
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   + p& S8 I/ \& g6 @- R# z+ Z, A& |
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   , M7 ]4 }6 w% d
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    : \8 P  w- U% G! V+ f' y
11. </html>  

复制代码

/ J3 d( V, E- F( p% Z7 H- @

alinwo

感谢分享！