如果HTML / JavaScript中没有网页,请转到其他链接

发布时间：2020-12-14 18:35:38 所属栏目：资源来源：网络整理

导读：当用户点击链接时,HTML或 JavaScript中是否有任何选项,如果该链接可用则完成,如果没有,则进入另一个链接. 这是我的代码的一部分： div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar" ul lia href="/returns"span class="glyphicon glyphicon-log

当用户点击链接时,HTML或 JavaScript中是否有任何选项,如果该链接可用则完成,如果没有,则进入另一个链接.

这是我的代码的一部分：

<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
 <ul>
    <li><a href="/returns"><span class="glyphicon glyphicon-log-in"></span> Returns</a></li>
    <li  class="active"><a href="/pay_reco" target="_blank"><span class="glyphicon glyphicon-log-in"></span> Payment Recouncillation </a></li>
    <li ><a href="/pay_get" target="_blank"><span class="glyphicon glyphicon-log-in"></span> Payment Get </a></li>
    <li><a href="/import"><span class="glyphicon glyphicon-log-in"></span> Import </a></li>
    <li>

<!-- Here I want to add  Two link in a href tag if first link does not 

available (web page not available) then it go to another link
        <!-- <object data="http:/127.0.0.1:9004" type="href" > -->
        <a target="_blank" href="http://127.0.0.1:9001">
            <span class="glyphicon glyphicon-log-in"></span>
             ComPare
        </a>
    </li>
    <li><a target="_blank" href="http://127.0.0.1:9000"><span class="glyphicon glyphicon-log-in"></span> Portal </a></li>

解决方法

第1步：更新您的HTML代码,如下所示.

<a id="selector" href="javascript:void(0)">
            <span class="glyphicon glyphicon-log-in"></span>
             ComPare
</a>

第2步：更新HTML后,使用jQuery处理click事件并发送ajax请求,如果响应正常,请转到链接1,或者转到用户另一个URL的其他情况.

$(function(){
    $('body').on('click','#selector',function() {
        $.ajax({
            type: "GET",url: "http://127.0.0.1:9001",complete: function(xhr,textStatus) {
               if(xhr.status == 200) window.location = "http://127.0.0.1:9001";
               else window.location = "http://127.0.0.1:9004";
            } 
        });
    })
})

我在here上为这个案例创建了一个小jQuery插件

使用AnotherJS：

HTML：

<a href="http://127.0.0.1:9001" data-another="http://127.0.0.1:9004">Link Text</a>

使用Javascript：

$(function() {
   $('a').another();
})

就这样！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!