4当前位置:网页制作JavaScript教程-灵活简洁的新窗口打开链接方式
4网页制作分类
CSS | HTML
FrontPage | DreamWeaver
JavaScript | ASP
.Net | PHP
JSP | XML
数据库 | PhotoShop
FireWorks | Flash
视频 | 其它
4赞助商链接
4最新网页制作
·浅谈JavaScript中定义变量时有无var声明的区别
·通过Jquery获取URL参数并转码
·Javascript获取时间间隔的方法
·Javascript获取视频时长
·javascript中双感叹号(!!)作用示例介绍
·javascript:void(0)使用探讨
·JS设置下拉框为只读的方法
·JS转化毫秒为时间格式代码
·Js控制CSS切换样式表实现网页风格切换
·网页更换皮肤样式功能浅析
4热门网页制作
·网页自动适应客户端分辨率的实现
·JS网页加载进度条
·突破IE屏蔽限制弹出新窗口
·三级下拉联动链接菜单
·文本框控制字数和禁止粘贴
·33个JavaScript经典效果
·JS获取页面地址栏参数
·JavaScript去除空格的三种方法
·又一个全国省市双级联动下拉选择框
·全国省市县无刷新多级联动菜单
4相关网页制作
·点击复制本页网址的网页推荐代码
·JS计算汉字笔画数
·JavaScript对象系统的应用
·非常不错的对联广告
·转换域名后404页面专用JS代码
·使用div仿javascript模态窗口
·“正在为您查询”效果的简单实现方式
·JS的IE和Firefox兼容性汇编
·仿ASP内置函数DateDiff的JS代码
·JS计算汉字笔画数
灵活简洁的新窗口打开链接方式
类别:JavaScript教程    来源:IdealBoy    时间:2009/8/31    贴士:推荐给好友
收藏本页 8 
优点:
1、可通过W3C严格校验
2、调用更灵活(只需要在以新窗口打开的区域加入一句class="blank")
3、代码更简洁(不需要在每一句A标签里加traget="_blank“或rel="external")

PS:Internet Explorer6、Internet Explorer7、Firefox3、Opera9四种浏览器测试有效(Opera浏览器必须修改浏览器首选项,方法:“工具”-“首选项”-“弹出窗口”-不选择“屏蔽全部弹出窗口”即可)。

HTML部分:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
<title>新窗口打开链接方式(可通过校验、灵活调用、代码简洁)</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<div class="blank">
  <a href="http://www.baidu.com">百度</a><br>
  <a href="http://www.google.cn">谷歌</a><br>
  <a href="http://www.cssrain.cn">前端技术(JS部分由前端技术站长cssrain提供,俺不会JS)</a><br>
  <a href="http://www.idealboy.cn">理想男孩(没空整)</a>
</div>
<script type="text/javascript" src="blank.js"></script>
</body>
</html>


JS部分: 
function ByClassName(oElm, strTagName, strClassName){
var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
var arrReturnElements = new Array();
strClassName = strClassName.replace(/-/g, "\-";
var oRegExp = new RegExp("(^|\s)" + strClassName + "(\s|$)"; 
var oElement; 
for(var i=0; i<arrElements.length; i++){ 
oElement = arrElements; 
if(oRegExp.test(oElement.className)){ 
arrReturnElements.push(oElement); 
   } 
}
return (arrReturnElements);
}
var blanks = ByClassName(document, "*", "blank";
for (var i=0;i<blanks.length;i++ ){  
var urls = blanks.getElementsByTagName("a";
for (var j=0;j<urls.length;j++ ){
  urls[j].target="_blank";   
}
}
·上一篇:_blank打开新窗口不符合W3C标准的解决办法
·下一篇:JS函数动态添加CSS样式表
本站部分内容收集整理于网络,仅用于学习,不存在商业目的,如有涉及版权等问题请联系站长,本站将在第一时间内进行处理!
Copyright © 2007-2010 Zzsky.Cn  中国站长天空  网站制作维护:可乐猫  QQ:8127544(请注明来意)
设为首页  加入收藏  联系站长  友情链接  闽ICP备12017729号