合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   # x, V% s; u- {- [
3.     <title>combine_javascript example</title>   
   8 Z3 J, y: ?' C: m% T. E
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   4 P% d. v  r  \. P/ ], T# g
7.   <body>   
   
8.     Hello, PageSpeed!   
   9 j) l( ]+ B( |# v# Z
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
; C- e( S/ F5 F: t1 k: Y! b

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   + A% }5 `1 z9 s- l7 J( j
3.   document.body.appendChild(document.createElement("br"));   
   # x9 F" r2 Z: t& T. C
4. }  

复制代码

js2.js代码为：
4 ]" F1 |5 B# W# k2 p' t, S

1. window.onload = function() {   
   
2.   logText("Application started.");   
   - d, I! G! Z9 ~' T- I
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   & i% j, I) j( W! t$ p
7.   </head>   
     ^& y+ n1 t4 ~) H" M, W
8.   <body>   
     t8 B) S" {+ a* g" u2 u
9.     Hello, PageSpeed!   
   
10.   </body>   
    5 |( i/ I( N  z3 m' J$ V. ]
11. </html>  

复制代码

$ d' C- a* j2 z. Z# R$ ~
+ r5 _& ]: c; X! t2 u+ e

alinwo

感谢分享！