JQuery实现的在新窗口打开链接的方法小结

第一种：下面的代码是针对jb51这个样式下的a都是在新窗口打开


代码如下:

<script type="text/javascript">
jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); });
</script>

第二种：


代码如下:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
// open url in new a window
$(document).ready(function(){
$("a").attr("target", "_blank");
});
</script>

在新窗口中打开外部链接


代码如下:

$('a[href^="http://"]')
.attr("target", "_blank");

第三种：如果想更方便的控制
XHTML 1.0 Strict 版本不支持 target="_blank" 属性，而使用 JQuery 能很好地解决这个问题，实现新窗口打开网页：


代码如下:

$('a[@rel$='external']').click(function(){
this.target = "_blank";
});

/*
Usage:
<a href="http://www.jb51.net/" rel="external">jb51.net</a>
*/

赞 (0)

相关推荐

  • jQuery新窗口打开外链接

    对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置target="_blank".然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过jQuery查询要点击的链接,添加相关属性,使其打开新窗口. $(document).on('click','a',function(){ var url = this.href,hash=''; if(url.indexOf('#')>-1){ hash = !!url.split('#')[1] ? '#' + url.spli

  • jquery简单实现外部链接用新窗口打开的方法

    本文实例讲述了jquery实现外部链接用新窗口打开的方法.分享给大家供大家参考.具体实现方法如下: $("a[href^='http://']").click(function(){ this.target = "_blank"; }); 或者使用下面这个 $(function(){ $("a[href^='http://']").attr({'target':'_blank'}) }) 希望本文所述对大家的jQuery程序设计有所帮助.

  • Mui使用jquery并且使用点击跳转新窗口的实例

    网上好多朋友是这样做的: 全局插入了js代码 mui('body').on('tap', 'a', function () { document.location.href = this.href; }); 这样做是行的,但是有很多问题,比如点击侧栏的时候,就不出现,错误很多, 经实践自己的方法还是可行的,写多了jquery,竟然调试js原生老不成功.可能是生疏了,啥东西还是要用~ 那就先加入jquery @Scripts.Render("~/bundles/jquery") 好了,直

  • JQuery实现的在新窗口打开链接的方法小结

    第一种:下面的代码是针对jb51这个样式下的a都是在新窗口打开 复制代码 代码如下: <script type="text/javascript"> jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); }); </script> 第二种: 复制代码 代码如下: <script src="http://code.jquery.co

  • 在新窗口打开超链接的方法小结

    一 让整个网页页面内的链接都在新窗口打开:在head中加入 <base target="_blank"> 二 让一个DIV里所有链接在新窗口打开: 在body中加入 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> <!- var anchors = document.getElementById("DIV名").getElementsByTagName("a")

  • PyCharm在新窗口打开项目的方法

    File->Setting 找到Appearance & Behavior -->System Setting,在右边窗口中选择 Open project in new window,点击OK 以上这篇PyCharm在新窗口打开项目的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • dedecms ckeditor编辑器添加链接默认新窗口打开的修改方法

    dedecms ckeditor编辑器添加链接默认新窗口打开的修改方法

    DEDECMS文章页加入的链接都默认不是在新窗口打开.百度一下,都是关于FCKeditor编辑器的.dedecmd v5.7 默认ckeditor编辑器.写下来希望能帮到那些不会改的同学 在清理下浏览器缓存,就可以了.

  • FCKEditor超级链接默认新窗口打开的修改方法

    FCKEditor超级链接默认新窗口打开的修改方法

    Fckeditor是一款开源的WEB可视化编辑器,因为该软件小巧.易用.方便受到大家的欢迎,国内很多CMS都采用了FCK编辑器,最近有很多网友向我们反映关于FCK添加的超级链接不能在新窗口中打开,需要另外设置才可以,那么,能不能将链接默认为新窗口呢? 效果如图所示: 打开 fckeditor\editor\dialog\fck_link.html 查找 id="cmbTarget" 的 select 标签, 添加 selected="selected" 属性 复制代

  • jQuery弹出窗口打开链接的实现代码

    下面给大家分享一段jquery代码实现弹出窗口打开链接的实现方法 window.open(url, name, style, replace); //弹出窗口打开链接,参数:网址,命名,窗体样式,是否替代原窗口 用处:打开新窗体,打开自定义页面 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>在弹出窗口中打开新连接</title> </h

  • Javascript控制页面链接在新窗口打开具体方法

    第一个方法就是用jquery实现,原理是这样的先找到站点中的外部链接,然后再给链接加上target=_blank"属性就搞定了,代码如下:jquery在新窗口打开  复制代码 代码如下: $("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").addClass(

  • ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接

    ueditor1.2.1修改超链接默认值,ueditor编辑器新窗口打开连接

    ueditor1.2.1修改超链接默认值 首先超链接的文件是在ueditor目录中的dialogs目录中的link目录的link.html 如图: 然后在链接地址或标题上加value属性和值,希望在新窗口打开,则设置checked属性,如下面红色代码所示. <tr> <td><labelfor="href">链接地址:</label></td> <td><input class="txt"

  • Vue中在新窗口打开页面及Vue-router的使用

    背景 在开发提分加项目的过程中,遇到了点击下拉菜单时在新窗口中打开页面,由于之前一直做的是单页面应用,没有碰到过类似的需求,于是上网搜了一下解决办法,也再次系统地温习了一下vue-router. 解决 使用路由对象的resolve方法解析路由,可以得到location.router.href等目标路由的信息.得到href就可以使用window.open开新窗口了. const {href} = this.$router.resolve({ name: "statistics-explain&qu

随机推荐

其他