zoukankan      html  css  js  c++  java
  • jquery preventDefault() 方法防止打开不是本站的链接URL

    将以下代码保存为test.html,用浏览器打开即可测试

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>preventDefault() 方法防止打开不是本站的链接URL。</title>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    
    </head>
    
    <body>
    <a href="www.w3school.com.cn/localhost">www.w3school.com.cn/localhost</a><br />
    <a href="http://www.w3school.com.cn/localhost">http://www.w3school.com.cn/localhost</a><br />
    <a href="http://baidu.com/https://baidu.com">http://baidu.com/https://baidu.com</a><br />
    <a href="http://baidu.com/">http://baidu.com/</a><br />
    <a href="http://localhost/">http://localhost/</a><br />
    <p>preventDefault() 方法防止打开不是本站的链接URL。</p>
    <!--方法一-->
    <script type="text/javascript">
    var ym = window.location.host;//获取当前网址域名部分
    //alert(ym);
    $("a").each(function(){
        var url = $(this).attr("href").replace("https://","").replace("http://","").split("/")[0];
        //alert(url);
        if(url.indexOf(ym)<0){ //如果不是站内链接
            $(this).click(function(event){           
                event.preventDefault();
            });
        }
    });
    </script>
    <!--方法二-->
    <script type="text/javascript">
    var ym = window.location.host;//获取当前网址域名部分
    //alert(ym);
    $("a").click(function(event){
        var url = $(this).attr("href").replace("https://","").replace("http://","").split("/")[0];
        //alert(url);
        if(url.indexOf(ym)<0){    //如果不是站内链接       
            event.preventDefault();
        }
    });       
    </script>
    </body>
    </html>
    转载请注明出处!小鱼阁工作室 -专注zencart建站,织梦企业建站,ecshop商城,二次开发,产品采集,模板修改!技术QQ 631992791
  • 相关阅读:
    CSS3 transition 过度
    CSS3 2D转换
    jQuery 选择器
    bootstrap、qjuery、插件 、字体网页
    利用jquery.backstretch插件,背景切换
    js 背景自动切换
    Jquery
    分析动态网页请求爬取腾讯视频评论
    追女神助手v0.1
    动态加载网页的爬取总结
  • 原文地址:https://www.cnblogs.com/afish/p/3937335.html
Copyright © 2011-2022 走看看