#, about:blank,javascript:路徑比較

試了一下在<a>,<img>,<iframe>中用#,about:blank和javascript:javascript

代碼以下:html

 1 <!Doctype html>
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 5     <title>下載</title>
 6     <style>
 7         a{
 8             border: 1px solid #000;
 9             display: block;
10             height: 20px;
11             width: 100px;
12             margin: 2px;
13         }
14         img{
15             display: block;
16             background: #CCCCCC;
17             height: 30px;
18             width: 150px;
19         }
20     </style>
21 </head>
22 <body>
23     <a href="#">#</a>
24     <a href="about:blank">about:blank</a>
25     <a href="javascript:">javascript:</a>
26 
27     <img src="about:blank" alt="about:blank">
28     <img src="#" alt="#">
29     <img src="javascript:" alt="javascript:">
30     
31     <iframe src="#" height="200" width="300"></iframe>
32     <iframe src="about:blank" height="200" width="300"></iframe>
33     <iframe src="javascript:" height="200" width="300"></iframe>
34 </body>
35 </html>

  a標籤的href="#"時, 點擊後頁面不會刷新,但會回到頂部。(爲了防止這個,能夠用href="javascript:void(0)",或者href="javascript:"),當href="about:blank"時, 會打開一個空白頁。java

  iframe標籤,src="#"把父頁面放到子頁面中。瀏覽器

瀏覽器打開後是這樣的:ui

另外,有帖子說,若是iframe標籤不置爲「about:blank」,內存不會釋放掉,必須用 iframe.document.write(''); 才能將內容清空,且清空後會有500-1000K左右的內存殘留,是ie6的iframe bug,動態建立的iframe總會耗費掉一些內存。spa

 

連接相關: http://www.cnblogs.com/fsjohnhuang/p/4148933.htmlcode

相關文章
相關標籤/搜索