Як перевірити, чи містить URL заданий рядок?

Як я міг зробити щось подібне:

<script type="text/javascript">
$(document).ready(function () {
    if(window.location.contains("franky")) // This doesn't work, any suggestions?
    {
         alert("your url contains the name franky");
    }
});
</script>

Вам потрібно додати властивість href і перевірити indexOfзамістьcontains

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    if (window.location.href.indexOf("franky") > -1) {
      alert("your url contains the name franky");
    }
  });
</script>

if (window.location.href.indexOf("franky") != -1)

зробив би це. Крім того, ви можете використовувати регулярний вираз:

if (/franky/.test(window.location.href))

Ви б використовували indexOfтак:

if(window.location.href.indexOf("franky") != -1){....}

Також зауважте додавання hrefрядка в іншому випадку:

if(window.location.toString().indexOf("franky") != -1){....}

так:

    <script type="text/javascript">
        $(document).ready(function () {
            if(window.location.href.indexOf("cart") > -1) 
            {
                 alert("your url contains the name franky");
            }
        });
    </script>

window.locationце не рядок, але він має toString()метод. Тож ви можете це зробити так:

(''+window.location).includes("franky")

або

window.location.toString().includes("franky")

Зі старих документів Mozilla :

Об'єкти розташування мають метод toString, який повертає поточну URL-адресу. Ви також можете призначити рядок window.location. Це означає, що ви можете працювати з window.location так, ніби це був рядок у більшості випадків. Іноді, наприклад, коли вам потрібно викликати метод String на ньому, вам доведеться явно зателефонувати доString.

Регекс-спосіб:

var matches = !!location.href.match(/franky/); //a boolean value now

Або в простій заяві, яку ви можете використовувати:

if (location.href.match(/franky/)) {

Я використовую це для перевірки того, чи веб-сайт працює локально чи на сервері:

location.href.match(/(192.168|localhost).*:1337/)

Це перевіряє, чи містить href192.168 або localhostAND, чи слід за ним :1337.

Як бачите, використання regex має свої переваги перед іншими рішеннями, коли умова стає трохи складніше.

document.URLповинні отримати вам URLі

if(document.URL.indexOf("searchtext") != -1) {
    //found
} else {
    //nope
} 

Спробуйте це, це коротше і працює точно так window.location.href:

if (document.URL.indexOf("franky") > -1) { ... }

також якщо ви хочете перевірити попередню URL-адресу:

if (document.referrer.indexOf("franky") > -1) { ... }

Легше це стає

<script type="text/javascript">
$(document).ready(function () {
    var url = window.location.href;
    if(url.includes('franky'))    //includes() method determines whether a string contains specified string.
    {
         alert("url contains franky");
    }
});
</script>

Спробуйте це:

<script type="text/javascript">             
    $(document).ready
    (
        function () 
        { 
            var regExp = /franky/g;
            var testString = "something.com/frankyssssddsdfjsdflk?franky";//Inyour case it would be window.location;
            if(regExp.test(testString)) // This doesn't work, any suggestions.                 
            {                      
                alert("your url contains the name franky");                 
            }             
        }
    );         
</script> 

Спробуйте indexOf

if (foo.indexOf("franky") >= 0)
{
  ...
}

Ви також можете спробувати пошук (для регулярних виразів)

if (foo.search("franky") >= 0)
{
  ...
}

Використовуйте Window.location.href, щоб взяти URL в JavaScript. це властивість, яка повідомить вам поточне місцезнаходження URL-адреси веб-переглядача. Встановлення властивості на щось інше призведе до перенаправлення сторінки.

if (window.location.href.indexOf('franky') > -1) {
     alert("your url contains the name franky");
}

Мені подобається створити, booleanа потім використовувати це в логіці if.

//kick unvalidated users to the login page
var onLoginPage = (window.location.href.indexOf("login") > -1);

if (!onLoginPage) {
  console.log('redirected to login page');
  window.location = "/login";
} else {
  console.log('already on the login page');
}

Помістіть у свій js файл

                var url = window.location.href;
                console.log(url);
                console.log(~url.indexOf("#product-consulation"));
                if (~url.indexOf("#product-consulation")) {
                    console.log('YES');
                    // $('html, body').animate({
                    //     scrollTop: $('#header').offset().top - 80
                    // }, 1000);
                } else {
                    console.log('NOPE');
                }

Регулярні вирази будуть більш оптимальними для багатьох людей через межі слів \bабо подібні пристрої. Межі слова виникають , коли який - або з 0-9, a-z, A-Z, _знаходяться на тій стороні , на наступний матч, або коли буквено - цифровий підключається до символьні рядки або кінець рядка або початок.

if (location.href.match(/(?:\b|_)franky(?:\b|_)))

Якщо ви користуєтесь if(window.location.href.indexOf("sam"), ви отримаєте сірники flotsamі same, серед інших слів. tomвідповідав би томатів і завтра, без регулярного вираження.

Зробити це чутливим до регістру так само просто, як і видалення i.

Крім того, додати інші фільтри так само просто

if (location.href.match(/(?:\b|_)(?:franky|bob|billy|john|steve)(?:\b|_)/i))

Давайте поговоримо (?:\b|_). RegEx зазвичай визначається _як word characterтак, що не викликає межі слова. Ми використовуємо це (?:\b|_)для вирішення цього питання. Щоб побачити, чи він знаходить, \bабо _з обох боків рядка.

В інших мовах може знадобитися щось подібне

if (location.href.match(/([^\wxxx]|^)(?:franky|bob|billy|john|steve)([^\wxxx]|$)/i))
//where xxx is a character representation (range or literal) of your language's alphanumeric characters.

Все це простіше, ніж говорити

var x = location.href // just used to shorten the code
x.indexOf("-sam-") || x.indexOf("-sam.") || x.indexOf(" sam,") || x.indexOf("/sam")...
// and other comparisons to see if the url ends with it 
// more for other filters like frank and billy

^{Підтримка регулярних виразів інших мов підтримує, \p{L}але JavaScript не робить, що значно спростить завдання виявлення іноземних символів. Щось на зразок[^\p{L}](filters|in|any|alphabet)[^\p{L}]}

Припустимо, у вас є цей сценарій

<div>
  <p id="response"><p>
  <script>
    var query = document.location.href.substring(document.location.href.indexOf("?") + 1);
    var text_input = query.split("&")[0].split("=")[1];
    document.getElementById('response').innerHTML=text_input;
  </script> </div>

І форма URL є www.localhost.com/web_form_response.html?text_input=stack&over=flow

Текст, написаний на <p id="response">, будеstack

Це буде хорошою практикою, якщо ви перетворите рядок у нижній чи верхній регістр, оскільки метод indexof () чутливий до регістру. Це буде, якщо ваш пошук не є чутливим до регістру розумом, тож для пошуку, який не враховує регістри, це буде:

var string= location.href;
var convertedString= string.toLowerCase();
 if(convertedString.indexOf(franky) != -1){
  alert("url has franky");
}
else{
 alert("url has no franky");
 }