合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ' [# e% c; |) Y* W1 B( q# G
4.     <script src="js1.js"></script>   
   2 Y2 [, d, D* p
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   $ [3 P' i& j6 B+ f- i
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   6 F9 K6 Z7 U+ E, `5 Y: p
2.   document.body.appendChild(document.createTextNode(message));   
   $ h! m- T) o' o9 k5 o
3.   document.body.appendChild(document.createElement("br"));   
   5 f1 s+ w: P2 G' Z3 Y
4. }  

复制代码

js2.js代码为：
! \9 U9 R. Z4 y+ b  X- z

1. window.onload = function() {   
   
2.   logText("Application started.");   
   5 s# ~/ z- Y* p6 S( c5 [
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:
. o# W8 n% M' B+ [0 X

1. <html>   
   4 N# q' R( U- {$ i/ U
2.   <head>   
   ( R% w& v& \2 l: ]
3.     <title>combine_javascript example</title>   
   * a1 K  p: {# }0 [- a% z
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   0 v* r+ S7 T$ G5 `* r
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   $ o9 I$ n( J, R: `
8.   <body>   
   
9.     Hello, PageSpeed!   
   - o# K+ j, }% ~4 E# V3 S. L
10.   </body>   
    " z  F" u0 s' S, c
11. </html>  

复制代码

# Z9 N5 z& D. i; i0 E$ V% ~  w

alinwo

感谢分享！