合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   % z& f9 q% ^5 e+ w$ s
2.   <head>   
   * t( r# W( ]8 @+ R# c. _
3.     <title>combine_javascript example</title>   
   0 `3 ~  q; ~" I" d) [
4.     <script src="js1.js"></script>   
   1 W& y2 X1 S" g- h
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   7 e. c4 B' k2 d* Q: L
8.     Hello, PageSpeed!   
   ( |1 s' B# z& l& Z2 N( {
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
# H: \2 G. p) T' @7 @# A  N

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   ; x: L0 @! l2 O; v' a; y! A
3.   document.body.appendChild(document.createElement("br"));   
   # J. U4 h9 D  H6 A) j& I& `
4. }  

复制代码

js2.js代码为：

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

复制代码

合并后的html代码:
# ?* {* [8 @# \3 L' `

1. <html>   
   
2.   <head>   
   / Q9 F& o2 n0 A9 D$ A
3.     <title>combine_javascript example</title>   
   $ {; a: u1 V- c/ `6 O
4.     <script src="js1-js2.js"></script>   
   $ t; e. J9 _" d3 }4 \
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   
9.     Hello, PageSpeed!   
   
10.   </body>   
    7 M% Z% q% N3 |2 V
11. </html>  

复制代码

  r! J+ r: y$ ~7 O1 U& W
! O, l7 `6 J: S+ B

alinwo

感谢分享！