合并外部JavaScript的实例

ziyouhua

html代码:
% K5 B9 j4 R' V. ^6 Z  ~

1. <html>   
   # c7 h# [' b/ X4 }$ U
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   
4.     <script src="js1.js"></script>   
   : \/ ]+ s9 h5 O( X! W
5.     <script src="js2.js"></script>   
   / ^% D: ?- z3 R3 ]0 z8 }1 b& B
6.   </head>   
   " Z$ J2 V3 F+ X+ _) ?, n6 b- n
7.   <body>   
   % y* }5 O' P$ A% G  b5 s' p
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：

1. function logText(message) {   
   ) x9 d8 X* @( W- s* X" C
2.   document.body.appendChild(document.createTextNode(message));   
   , p9 L! x" U2 |) c' _! |0 W, c4 ^
3.   document.body.appendChild(document.createElement("br"));   
   " h* g5 F4 H* Y, k6 j5 W
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   ( @7 d3 S7 U" S
2.   logText("Application started.");   
   6 y. H# N0 A/ J7 K
3.   logText("Library operation confirmed.");   
   
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   1 q1 W/ {* Z7 z, A' d2 q6 a& I
3.     <title>combine_javascript example</title>   
   - H# v8 \1 U- E5 F- p4 d
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   0 t( t+ s' l8 C; S# L
7.   </head>   
   
8.   <body>   
   ! ~# |$ @% W1 \9 x! f0 J1 F
9.     Hello, PageSpeed!   
   8 c, I# h2 {3 p  Z
10.   </body>   
    * m1 d( ^/ B4 n% w
11. </html>  

复制代码

3 M6 h' E7 J  I7 F) r. {1 @" w9 B
$ `, A# r2 y: s  @

alinwo

感谢分享！