合并外部JavaScript的实例

ziyouhua

html代码:
+ F0 @5 T5 U) m2 F' j& r

1. <html>   
   
2.   <head>   
   . V+ x4 b3 ?+ o6 h7 ?6 ?
3.     <title>combine_javascript example</title>   
   $ F9 O* p1 C* W8 l, k( `1 H2 u- r0 q
4.     <script src="js1.js"></script>   
   2 g- Z* H* _; K$ s. p5 s# [
5.     <script src="js2.js"></script>   
   
6.   </head>   
   
7.   <body>   
   ; P% b: u- j+ Z( Z& @! ?
8.     Hello, PageSpeed!   
   : K* I/ ?% s) @9 S* w# z8 a
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   * ?& }0 m" g7 }) K( |9 l. e- {; `% l7 F
2.   document.body.appendChild(document.createTextNode(message));   
   
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：
" R" y' ~7 T7 K& w

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

复制代码

合并后的html代码:

1. <html>   
     c/ e4 f: \$ O* P  P4 {
2.   <head>   
   1 O; J; }6 O) a/ S6 x% i" k
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   # T( K. M" \1 z5 R" \3 ]
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   ( ?! J3 R; ^4 D+ l9 ?
9.     Hello, PageSpeed!   
   
10.   </body>   
    + O' ?3 Q# c! C- X/ k
11. </html>  

复制代码

8 h5 E) a5 B5 [7 M

alinwo

感谢分享！