合并外部JavaScript的实例

ziyouhua

html代码:
" _- l0 D1 S! p- J7 r# _; R1 q

1. <html>   
   
2.   <head>   
   
3.     <title>combine_javascript example</title>   
   ! ^( \+ |9 f$ q
4.     <script src="js1.js"></script>   
   # @3 J& k' R( y) B+ Z1 C1 S3 Q
5.     <script src="js2.js"></script>   
   
6.   </head>   
   ; A$ s2 n. Z6 n1 V# s5 f
7.   <body>   
   
8.     Hello, PageSpeed!   
   
9.   </body>   
   
10. </html>  

复制代码

js1.js代码为：
% N' @* s+ u3 \( l4 Z5 _) ?0 F

1. function logText(message) {   
   
2.   document.body.appendChild(document.createTextNode(message));   
   1 `4 ?$ g8 s$ ^( Z
3.   document.body.appendChild(document.createElement("br"));   
   
4. }  

复制代码

js2.js代码为：

1. window.onload = function() {   
   
2.   logText("Application started.");   
   7 ?8 @- z' ~2 i& X
3.   logText("Library operation confirmed.");   
   5 b9 k( d* F2 C3 j% {
4. }  

复制代码

合并后的html代码:

1. <html>   
   
2.   <head>   
   * A8 Q8 z# q4 O; R/ V
3.     <title>combine_javascript example</title>   
   , T  u4 S( b6 K# `
4.     <script src="js1-js2.js"></script>   
   
5.     <script>eval(mod1);</script>  <!-- 这里使用了eval()函数 //-->   
   
6.     <script>eval(mod2);</script> <!-- 这里使用了eval()函数 //-->   
   
7.   </head>   
   
8.   <body>   
   6 @+ L; R) `$ R* i' l# P) _9 v( N
9.     Hello, PageSpeed!   
   
10.   </body>   
    
11. </html>  

复制代码

alinwo

感谢分享！