合并外部JavaScript的实例

ziyouhua

html代码:

1. <html>   
   
2.   <head>   
   1 h2 N& O' ~5 I# ]( P
3.     <title>combine_javascript example</title>   
   3 O$ d$ U3 ?5 ]& r* n9 T6 R- F' }! y0 v
4.     <script src="js1.js"></script>   
   
5.     <script src="js2.js"></script>   
   
6.   </head>   
   4 }7 R  y1 b6 T
7.   <body>   
   " ~/ N! X  M1 {- M! N$ J2 f: a' K
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   8 s1 M% p! Q9 @
2.   document.body.appendChild(document.createTextNode(message));   
   + y$ ^- e% y( D$ q* ~
3.   document.body.appendChild(document.createElement("br"));   
   3 }& ~$ y* v% q& O4 B
4. }  

复制代码

js2.js代码为：
% [( R' R' K8 c+ C, ^8 z: i6 B" Q

1. window.onload = function() {   
   : c2 n$ y( `6 U1 X
2.   logText("Application started.");   
   
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   / a: q& s- W8 R
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   ) S, g1 Z. r/ C, M0 U$ ^2 J; w
9.     Hello, PageSpeed!   
   . x! W1 o. u" p& A3 }. s
10.   </body>   
    4 ?+ Z+ G2 l* d, y! [
11. </html>  

复制代码

8 q' l% ~2 }1 s4 o' C
. b. n5 k' a$ |5 a  m/ N

alinwo

感谢分享！