#, about:blank,javascript:路径比较

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

代码如下:

 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"时, 会打开一个空白页。

  iframe标签,src="#"把父页面放到子页面中。

浏览器打开后是这样的:

另外,有帖子说,如果iframe标签不置为“about:blank”,内存不会释放掉,必须用 iframe.document.write(''); 才能将内容清空,且清空后会有500-1000K左右的内存残留,是ie6的iframe bug,动态创建的iframe总会耗费掉一些内存。

 

链接相关: http://www.cnblogs.com/fsjohnhuang/p/4148933.html

posted @ 2016-04-16 23:04  animagi  Views(2287)  Comments(0Edit  收藏  举报