js中不使用blank在新窗口打开链接的方法

思路，在页面载入以后，将rel含有external的a标签，通过js加上target=”_blank“。下面提供jquery方法，代码如下

 代码如下 复制代码

<script type="text/javascript">
<!--//--><![CDATA[//><!--

      $(document).ready(function() {
        // Find all external links and let them open in a new window.
        $("a.external-link").each(function() {
          $(this).click(function() {
            window.open($(this).attr("href"));
            return false;
          });
        });
      });
   
//--><!]]>
</script>

html

 代码如下 复制代码

<p>点我在新窗口打开链接
<a href="http://www.111cn.net"  class="external-link">网页制作教程</a>
</p>

js原生方法如下：

 代码如下 复制代码

<script type="text/javascript">
 function externalLinks() {
  if (!document.getElementsByTagName) return;
   var anchors = document.getElementsByTagName("a");
   for (var i=0; i<ANCHORS.LENGTH; i++) {
   var anchor = anchors;
   if (anchor.getAttribute(“href”) &&
   anchor.getAttribute(“rel”) == “external”)
   anchor.target = "_blank";
  }
 }
 window.onload = externalLinks;
</script>

如果你不使用js或jquery来打开新窗口我们可以直接如下

在页面head结束处加上

 代码如下 复制代码
<base target="_blank" />
时间： 2024-12-03 21:52:15

js中不使用blank在新窗口打开链接的方法的相关文章

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

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

在新窗口打开链接的jquery代码

script type="text/javascript教程"> jQuery(document).ready(function($) { $('.111cn.net a').attr({target: "_blank"}); }); </script> 第二种: 代码如下: <script src="http://code.jquery.com/jquery-latest.js"></script> &

在新窗口打开超链接的方法小结_javascript技巧

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

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

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

B2C电子商务网站是不是用新窗口打开链接

写在前面这是参加SEO培训时候和咨询老师争议的问题.SEO?没错,是SEO培训老师花了相当时间大讲用户体验.果然是一个全民用户体验的年代了.大家以前都说"我觉得-","我认为-"现在从经理到前台都会"对用户来说-""从用户体验的角度来讲-". 担心的是用户体验发展如同早期被泛滥的用户友好(User Friendly),那个时候"User Friendly"作为众多软件必备标签印刷在外包装上,以达到用户友好的

FCKEditor超级链接默认新窗口打开的修改方法_网页编辑器

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

Javascript控制网站链接是否新窗口打开

不过在w3c的验证标准中,target="_blank" 这个属性是不被验证通过的 原因是那些砖家认为不经过用户同意就打开一个新窗口,这样的行为属于强X了用户的思想.是不友好,不礼貌的行为.所以标准提出的是用 rel="external"来声明,配合一个external.js来实现.在这里贴一下这个js文件的代码,需要的朋友拿走.  代码如下 复制代码 function externallinks() { if (!document.getElementsByTag

交互设计探讨:为什么需要在新窗口打开网页

关于强制在新窗口打开链接的讨论 先看一下我们现有规则总结 在以下几种情况下,强制在新窗口打开链接是比较合适:1.链接指向一个本域名之外的网站:如友情链接一 般使用新窗口,新的网站新的窗口,基本上是可预料的.2.提供帮助类的链接:如一个购物页面上对支付方式的帮助说明可以新开窗口,如果内容不多的话使用弹出层比新窗口更好.3.页面跳转有可能打断一个正在进行的进程:如.关于网站的调查表单.在注册页面上指向免责条款.版权声明等页面的链接,页面跳转会导致用户正在填写的注册信息丢失.4.链接指向一个非HTML

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

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