最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Javascript控制网站链接是否新窗口打开
时间:2013-06-25 编辑:简简单单 来源:一聚教程网
不过在w3c的验证标准中,target="_blank" 这个属性是不被验证通过的
原因是那些砖家认为不经过用户同意就打开一个新窗口,这样的行为属于强X了用户的思想。是不友好,不礼貌的行为。所以标准提出的是用 rel="external"来声明,配合一个external.js来实现。在这里贴一下这个js文件的代码,需要的朋友拿走。
代码如下 | 复制代码 |
function externallinks() { |
不过上面这些不是本文的主要内容,这里我主要介绍一种新方法:
通过js实现用户自主选择是否在新窗口打开链接:此代码可以记录cookie,保存365天。即用户选择一次,在不删除cookie的情况下会保存此设置一定时间。
下面看代码即演示:(建议另存为html文件运行,这样方便查看cookie情况)
代码如下 | 复制代码 |
checkbox" id="checkit" onclick="setCheck(this);" />选择是否在新窗口打开 |
高级进阶部分:可自由设置站内站外链接是否新窗口打开如果一些朋友需要设置站内的链接就在本窗口打开,站外的链接全部是新窗口,怎么办呢?
首先添加代码:
代码如下 | 复制代码 |
var index=location.hostname; //获取当前主域 |
然后修改openStyle函数为:
代码如下 | 复制代码 |
function openStyle(choice){ var links = document.getElementsByTagName("a"); for(var i=0;i links[i].target = choice; } } } |
ok,到此结束。这样就能判断本站链接就在当前窗口打开,站外链接就在新窗口打开了。
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31