Bagaimana cara memeriksa apakah URL berisi string yang diberikan?

Bagaimana saya bisa melakukan sesuatu seperti ini:

<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>

Anda perlu menambahkan properti href dan periksa indexOfbukannyacontains

<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)

akan melakukannya. Atau, Anda bisa menggunakan regexp:

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

Anda akan menggunakan indexOfseperti ini:

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

Perhatikan juga penambahan hrefuntuk string jika tidak Anda akan lakukan:

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

seperti itu:

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

window.locationbukan String, tetapi memiliki toString()metode. Jadi Anda bisa melakukannya seperti ini:

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

atau

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

Dari dokumen Mozilla lama :

Objek lokasi memiliki metode toString yang mengembalikan URL saat ini. Anda juga dapat menetapkan string ke window.location. Ini berarti bahwa Anda dapat bekerja dengan window.location seolah-olah itu adalah string dalam kebanyakan kasus. Terkadang, misalnya ketika Anda perlu memanggil metode String di atasnya, Anda harus secara eksplisit memanggil toString.

Cara regex:

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

Atau dalam pernyataan sederhana yang dapat Anda gunakan:

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

Saya menggunakan ini untuk menguji apakah situs web berjalan secara lokal atau di server:

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

Ini memeriksa apakah href mengandung 192.168atau localhostDAN diikuti oleh :1337.

Seperti yang Anda lihat, menggunakan regex memiliki kelebihan dibandingkan solusi lain ketika kondisinya menjadi sedikit rumit.

document.URLharus membuat Anda URLdan

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

Coba ini, lebih pendek dan berfungsi persis seperti window.location.href:

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

juga jika Anda ingin memeriksa URL sebelumnya:

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

Lebih mudah didapat

<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>

Coba ini:

<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> 

Coba indexOf

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

Anda juga dapat mencoba mencari (untuk ekspresi reguler)

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

Gunakan Window.location.href untuk mengambil url di javascript. itu adalah properti yang akan memberi tahu Anda lokasi URL browser saat ini. Mengatur properti ke sesuatu yang berbeda akan mengarahkan halaman.

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

Saya suka membuat booleandan menggunakannya secara logis 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');
}

Masukkan file js Anda

                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');
                }

Ekspresi Reguler akan lebih optimal bagi banyak orang karena batasan kata \batau perangkat serupa. Batas kata terjadi ketika salah 0-9, a-z, A-Z, _berada di sisi dari pertandingan berikutnya, atau ketika menghubungkan karakter alfanumerik dengan garis atau tali akhir atau awal.

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

Jika Anda menggunakan if(window.location.href.indexOf("sam"), Anda akan mendapatkan kecocokan untuk flotsamdan same, di antara kata lain. tomakan cocok dengan tomat dan besok, tanpa regex.

Membuatnya case-sensitive semudah menghapus i.

Selanjutnya, menambahkan filter lain semudah

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

Mari kita bicarakan (?:\b|_). RegEx biasanya didefinisikan _sebagai word charactersehingga tidak menyebabkan batas kata. Kami menggunakan ini (?:\b|_)untuk menangani ini. Untuk melihat apakah ia menemukan \batau _di kedua sisi string.

Bahasa lain mungkin perlu menggunakan sesuatu seperti

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.

Semua ini lebih mudah daripada mengatakannya

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

^{Citarasa Regular Expressions bahasa lain mendukung \p{L}tetapi javascript tidak, yang akan membuat tugas mendeteksi karakter asing lebih mudah. Sesuatu seperti[^\p{L}](filters|in|any|alphabet)[^\p{L}]}

Misalkan Anda memiliki skrip ini

<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>

Dan bentuk urlnya adalah www.localhost.com/web_form_response.html?text_input=stack&over=flow

Teks yang ditulis untuk <p id="response">menjadistack

Ini akan menjadi praktik yang baik jika Anda mengonversi string menjadi lebih rendah atau huruf besar karena metode indexof () peka huruf besar-kecil. Ini akan terjadi jika pencarian Anda tidak peka terhadap huruf besar-kecil Jadi untuk pencarian yang tidak peka terhadap huruf besar-kecil akan menjadi:

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