您的位置:首页 > 其它

在新窗口中打开链接的实现,遇到新问题

2007-11-05 12:28 387 查看

在新窗口中打开链接的实现

bcm.Title = "<a href=../page/TextAndComment.aspx?BlogerID=" + bcm.BlogerID + "&TextID=" + bcm.TextID + " target=_black onclick=/"window.open(this.href)/">" + bcm.Title + "</a>";
今天遇到的问题是,虽然在<a>中加了target=_black但是由于href是同一个地址,只有参数不一样,所以打开一个新窗口以后,其他的连接就打不开新的窗口,而是把参数传到了刚才打开的窗口,郁闷阿,最后用了下面的第四种方法,才得以解决

1、使用target="blank"属性

<a href="msg.htm" target="blank">open</a>

注意:XHTML 1.1规范已经不支持“
target='_blank'


2、页面上所有的链接都在新窗口打开

在<head>区加入base代码:<base target="_blank" />

3、利用expression来执行javascript语句,对IE5及更高版本的浏览器有效 演示

<style type="text/css">
  .link{width:210px;border:1px solid #AAA;}
  .link-new{width:210px;border:1px solid #AAA;}
  .link-new a:active {test:expression(target="_blank");}
</style>

<div class="link"><a href="http://www.coolre.com">coolre</a></div>
<div class="link-new"><a href="http://www.coolre.com">coolre</a></div>

4、添加onclick事件,使用javascript实现

<a href="http://www.coolre.com" onclick="window.open(this.href);
return false">酷热网</a>

5、用JS实现在新窗口中打开链接;能通过严格标准校验 演示

引用代码:[code]<script type="text/javascript" src="external.js"></script>

标签代码:
<a href="" rel="external">

文件代码:
external.js

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externalLinks;

6、扩展XHTML 1.1的DOCTYPE ,使target="blank"符合标准

[A]自己扩展XHTML 1.1的DOCTYPE ,引用自己写的DOCTYPE

[b]在标准的XHTML DOCTYPE后加一句 <!ATTLIST a target CDATA #IMPLIED>,XHTML的MIME类型应该设为application/xhtml+xml。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: