Javascript控制页面链接在新窗口打开具体方法
第一个方法就是用jquery实现,原理是这样的先找到站点中的外部链接,然后再给链接加上target=_blank”属性就搞定了,代码如下:
jquery在新窗口打开
代码如下:
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");
var aTag = document.getElementsByTagName('a');
for(i in aTag){
aTag[i].target='_blank';
}
html方法
在页面最新面加上
代码如下复制代码 <base target='_blank' />
就可以全部页面在新窗口打开
相关推荐
-
js实现一个链接打开两个链接地址的方法
本文实例讲述了js实现一个链接打开两个链接地址的方法.分享给大家供大家参考.具体如下: <script type="text/javascript"> <!-- function adClick(ad, site) { window.open(ad); window.location = site; } --> </script> <a href="javascript:adClick('http://www.163.com/','h
-
javascript 实现双击才能打开链接的方法
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
JavaScript来实现打开链接页面的简单实例
在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可是在制定页面中打开链接,也可以定制打开页面的尺寸等等. <a href="javascript:window.open('http://www.jb51.net','_self') "> open a link 1</a><br/> 2.使用document.URL
-
利用JS自动打开页面上链接的实现代码
在这里做一下简单记录,防止自己忘记. 下面是实现自动点击打开链接的主要函数,功能不再细说,防止太多人滥用,有心的人一看就会明白,改把改把就是一个邪恶的程序: 复制代码 代码如下: function randopen() { var len = $("#urllist option").length; var num = 10; for(i=1; i<=num; i++) { randnum = Math.random()*len; zn = Math.round(randnum)
-
JavaScript实现打开链接页面的方式汇总
在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可是在制定页面中打开链接,也可以定制打开页面的尺寸等等. <a href="javascript:window.open('http://www.google.com','_self') "> open a link 1</a><br/> 2.使用document.U
-
Javascript控制页面链接在新窗口打开具体方法
第一个方法就是用jquery实现,原理是这样的先找到站点中的外部链接,然后再给链接加上target=_blank"属性就搞定了,代码如下:jquery在新窗口打开 复制代码 代码如下: $("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").addClass(
-
jquery简单实现外部链接用新窗口打开的方法
本文实例讲述了jquery实现外部链接用新窗口打开的方法.分享给大家供大家参考.具体实现方法如下: $("a[href^='http://']").click(function(){ this.target = "_blank"; }); 或者使用下面这个 $(function(){ $("a[href^='http://']").attr({'target':'_blank'}) }) 希望本文所述对大家的jQuery程序设计有所帮助.
-
dedecms ckeditor编辑器添加链接默认新窗口打开的修改方法
DEDECMS文章页加入的链接都默认不是在新窗口打开.百度一下,都是关于FCKeditor编辑器的.dedecmd v5.7 默认ckeditor编辑器.写下来希望能帮到那些不会改的同学 在清理下浏览器缓存,就可以了.
-
FCKEditor超级链接默认新窗口打开的修改方法
Fckeditor是一款开源的WEB可视化编辑器,因为该软件小巧.易用.方便受到大家的欢迎,国内很多CMS都采用了FCK编辑器,最近有很多网友向我们反映关于FCK添加的超级链接不能在新窗口中打开,需要另外设置才可以,那么,能不能将链接默认为新窗口呢? 效果如图所示: 打开 fckeditor\editor\dialog\fck_link.html 查找 id="cmbTarget" 的 select 标签, 添加 selected="selected" 属性 复制代
-
用正则表达式批量为a增加target=''_blank''新窗口打开的方法
dreamweaver工具,在替换那里自己写了一个正则,批量匹配后,果然不让我失望!感叹正则的强大啊!正则规则如下 复制代码 代码如下: 正则查找 <(a.*?)> 替换成 <$1 target="_blank"> 如图 用js批量处理a标签的target属性_blank 若是针对整个页面的所有a标签,那可以在head区域加上<base target="_blank">即可解决了,但如果是针对某一块区域呢,那就只能用js代
-
用正则表达式批量为a增加target=''_blank''新窗口打开的方法
dreamweaver工具,在替换那里自己写了一个正则,批量匹配后,果然不让我失望!感叹正则的强大啊!正则规则如下 复制代码 代码如下: 正则查找 <(a.*?)> 替换成 <$1 target="_blank"> 如图 用js批量处理a标签的target属性_blank 若是针对整个页面的所有a标签,那可以在head区域加上<base target="_blank">即可解决了,但如果是针对某一块区域呢,那就只能用js代
-
在新窗口打开超链接的方法小结
一 让整个网页页面内的链接都在新窗口打开:在head中加入 <base target="_blank"> 二 让一个DIV里所有链接在新窗口打开: 在body中加入 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> <!- var anchors = document.getElementById("DIV名").getElementsByTagName("a")
-
JQuery实现的在新窗口打开链接的方法小结
第一种:下面的代码是针对jb51这个样式下的a都是在新窗口打开 复制代码 代码如下: <script type="text/javascript"> jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); }); </script> 第二种: 复制代码 代码如下: <script src="http://code.jquery.co
-
Vue中在新窗口打开页面及Vue-router的使用
背景 在开发提分加项目的过程中,遇到了点击下拉菜单时在新窗口中打开页面,由于之前一直做的是单页面应用,没有碰到过类似的需求,于是上网搜了一下解决办法,也再次系统地温习了一下vue-router. 解决 使用路由对象的resolve方法解析路由,可以得到location.router.href等目标路由的信息.得到href就可以使用window.open开新窗口了. const {href} = this.$router.resolve({ name: "statistics-explain&qu
-
ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接
ueditor1.2.1修改超链接默认值 首先超链接的文件是在ueditor目录中的dialogs目录中的link目录的link.html 如图: 然后在链接地址或标题上加value属性和值,希望在新窗口打开,则设置checked属性,如下面红色代码所示. <tr> <td><labelfor="href">链接地址:</label></td> <td><input class="txt"
随机推荐
- jQuery处理xml格式的返回数据(实例解析)
- windows server2016安装MySQL5.7.19解压缩版教程详解
- 正则中的圆括号()的用途详解
- asp.net如何将DataSet转换成josn并输出
- React-router v4 路由配置方法小结
- C#随机生成不重复字符串的两个不错方法
- PHP不用第三变量交换2个变量的值的解决方法
- ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
- vue学习笔记之指令v-text && v-html && v-bind详解
- python计算程序开始到程序结束的运行时间和程序运行的CPU时间
- 给Ajax返回的HTML标签动态添加样式的方法
- JQuery的$命名冲突详细解析
- 算阶乘的vbs小程序
- Linux 管理员手册(2)
- jquery高级编程的最佳实践详解
- javascript select 改变字的颜色
- 浅谈spring和spring MVC的区别与关系
- 深入Java不可变类型的详解
- 深入理解C++中的文件操作
- Linux 管理员手册(6)