我想要一个条件重定向Javascript代码

时间:2017-07-27 08:41:58

标签: javascript jquery html

我正在寻找一个小的javascript代码,它将检查div类,如果它不存在,那么它会将页面重定向到javascript代码中指定的站点。

我有这段代码,但是我希望它以null形式出现,因为我正在学习并尝试制作代码。下面的代码是我在这个网站上找到的jQuery。

document.getElementById

有人可以帮忙吗?

6 个答案:

答案 0 :(得分:2)

要检查元素上是否存在类,可以使用exec()。然后,您可以使用classList.contains()重定向,如下所示:

location.assign()

答案 1 :(得分:1)

尝试使用此代码以检查div是否具有特定的类名,并在条件满足后使用JQuery重定向。

<强> JQuery的

if($( "#yourdivId" ).hasClass( "classname" ))
{
  window.location.replace("https://stackoverflow.com");  
}

<强>的Javascript

if(document.getElementById('yourdivId').className == 'classname') 
{
   window.location.replace("https://stackoverflow.com");  
}

希望它有所帮助!

答案 2 :(得分:0)

您的代码的jQuery部分正在使用ID selector查找标识为demodivclass的元素。使用如下所示的document.getElementById()函数将实现同样的目的。

如果您想检查是否存在具有特定类的div(根据您的问题),可以使用document.querySelector()函数。

要重定向页面,请使用location.replacelocation.assign。差异在Difference between window.location.assign() and window.location.replace()

处突出显示

如果ID不存在,则重定向:

function check() {
  if (!document.getElementById('demodivclass')) {

    window.location.replace("somesite.com");
    // or
    window.location.assign("somesite.com");
  }
}

如果类不存在则重定向:

function check() {
  if (!document.querySelector(".demodivclass")) {

    window.location.replace("somesite.com");
    // or
    window.location.assign("somesite.com");
  }
}

答案 3 :(得分:0)

首先要选择您的DOM元素,您需要使用getElementById和您之前定义的ID。然后,要检查是否已确定课程,您需要使用classList.contains()方法。最后,要进行URL重定向,请使用window.location.href = 'Your link'

function check() {
    if (document.getElementById('element').classList.contains('class')) {
        window.location.href = 'newPage.html';
    }
}

祝你好运并继续学习。

答案 4 :(得分:0)

if($( "#div" ).hasClass( "divClass" )) /// check Is Exists or not
      location.assign("https://stackoverflow.com");
 else
      alert('class not exist!')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<div id="div" class="divClass"></div>

试试这个。我希望它可以帮助你。

答案 5 :(得分:-1)

function check() {
  if ($('#demodivclass').length < 1) {
    window.location.href = 'somesite.com';
  }

请尝试以下代码,它与您的代码类似。我刚刚更改了一些检查声明的代码。