จะตรวจสอบว่า 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)

จะทำมัน หรือคุณสามารถใช้กับ regexp:

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ไม่ใช่ String แต่มีtoString()เมธอด ดังนั้นคุณสามารถทำสิ่งนี้ได้:

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

หรือ

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

จากเอกสารเก่า Mozilla :

วัตถุสถานที่มีวิธีการ toString กลับ URL ปัจจุบัน คุณยังสามารถกำหนดสตริงให้กับ window.location ซึ่งหมายความว่าคุณสามารถทำงานกับ window.location ราวกับว่ามันเป็นสตริงในกรณีส่วนใหญ่ บางครั้งตัวอย่างเช่นเมื่อคุณต้องการเรียกใช้เมธอด String คุณต้องโทรไปที่ String

วิธีการ regex:

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

หรือในคำสั่งง่ายๆที่คุณสามารถใช้:

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

ฉันใช้สิ่งนี้เพื่อทดสอบว่าเว็บไซต์กำลังทำงานอยู่ในเครื่องหรือบนเซิร์ฟเวอร์:

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

การตรวจสอบนี้ไม่ว่าจะเป็นhrefมีอย่างใดอย่างหนึ่ง192.168หรือและตามด้วยlocalhost: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 เป็นจาวาสคริปต์ มันเป็นคุณสมบัติที่จะบอกตำแหน่ง URL ปัจจุบันของเบราว์เซอร์ การตั้งค่าคุณสมบัติเป็นสิ่งที่แตกต่างกันจะเปลี่ยนเส้นทางหน้า

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

ผมชอบที่จะสร้างแล้วใช้ว่าในเชิงตรรกะbooleanif

//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จะจับคู่มะเขือเทศและวันพรุ่งนี้โดยไม่ต้อง regex

ทำให้มันเป็นกรณี ๆ 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

^{การรองรับ Regular Expressions ของภาษาอื่น\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");
 }