css中的about:blank是什么,什么情况下用
2014-01-05 20:11:29;  来源:;  作者:;  评论:0 点击:

一、IE地址栏中的 about:blank当你打开一个新的ie窗口时,ie的url中总是 about:blank 我们知道 在url中& 39;:& 39; (冒号)左边是协
一、IE地址栏中的 about:blank

当你打开一个新的ie窗口时,ie的url中总是 about:blank.我们知道 在url中':' (冒号)左边是协议,如 ftp: 或是 http:。而about也是个协议。那有什么用呢,不可小看。

    about:blank 右边为 blank 表示一个空的窗口,若为其它的内容,就可表示网页的内容。例如页面:

    <html> <head> <title>untitled document</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> </head> <body bgcolor="#ffffff"> <!——注意,下面href后没有双引号,若要加入需用%22——> <a href="about:<a href=http://www.webjx.com/>网页教学网</a>" target="_blank">点此打开about新页面</a> </a> </body> </html>

    新网页的内容为:<html><a href="about:<a href=http://www.webjx.com/>网页教学网</a>" target="_blank">点此打入新页面</a> </html>

    这样就可以不使用javascript对新窗口写内容了。

    about:这个功能不止如此。有个人主页的网友一定深有体会,有的网站做了url过滤(如网易和亿唐),禁止从别站链接他的服务器内容,用about:产生的页面就可以躲开url检查。如:

    <html> <head> <title>untitled document</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> </head> <body bgcolor="#ffffff"> <!——注意,下面href后没有双引号,若要加入需用%22——> <a href="about:<a href=http://xxx.xxxxx.com/xxx.zip> 点此下载 </a>" target="_blank"> 点此打入下载页面 </a> </body> </html>

二、什么情况下必须用空背景图解决CSS bug 的hack手段

background:fixed url(about:blank);
有时候做感应区域的时候在ie6下不给背景就会感应不到,比如说当鼠标移到图片的左半边部分,鼠标手势变成向左的箭头,比如说有些时候a标签即使给了display:block属性,但没给背景也会感应不灵敏,这个时候background:fixed url(about:blank)就解决了这种bug。
再比如说浮动广告在页面抖动的问题(position:fixed)ie6不支持position:fixed;如果是在样式里写position:absolute再用expression()表达式来实现的话,给html一个background:fixed url(about:blank);就能解决抖动的bug,但如果是用js重新计算浮动对像的位置background:fixed url(about:blank);就不能解决抖动问题,因为重新计算浮动对象的位置是基于一个onscroll事件的。

相关热词搜索:about:blank 是什么 什么情况用 hack

上一篇:HTML 5来临 Flash死亡倒计时?
下一篇:css expression 是什么 优缺点 应用

收藏
回到顶部