Làm cách nào để kiểm tra xem URL có chứa một chuỗi đã cho không?

Làm thế nào tôi có thể làm một cái gì đó như thế này:

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

Bạn cần thêm thuộc tính và kiểm tra indexOfthay vì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)

sẽ làm điều đó. Ngoài ra, bạn có thể sử dụng biểu thức chính quy:

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

Bạn sẽ sử dụng indexOfnhư thế này:

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

Cũng lưu ý việc thêm hrefchuỗi cho nếu không bạn sẽ làm:

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

như vậy

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

window.locationkhông phải là một Chuỗi, nhưng nó có một toString()phương thức. Vì vậy, bạn có thể làm điều đó như thế này:

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

hoặc là

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

Từ các tài liệu Mozilla cũ :

Các đối tượng vị trí có phương thức toString trả về URL hiện tại. Bạn cũng có thể gán một chuỗi cho window.location. Điều này có nghĩa là bạn có thể làm việc với window.location như thể đó là một chuỗi trong hầu hết các trường hợp. Đôi khi, ví dụ khi bạn cần gọi một phương thức String trên nó, bạn phải gọi một cách rõ ràng là toString.

Cách thức regex:

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

Hoặc trong một tuyên bố đơn giản bạn có thể sử dụng:

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

Tôi sử dụng điều này để kiểm tra xem trang web đang chạy cục bộ hay trên máy chủ:

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

Điều này kiểm tra xem href có chứa 192.168hoặc localhostAND được theo sau không :1337.

Như bạn có thể thấy, sử dụng regex có lợi thế của nó so với các giải pháp khác khi điều kiện trở nên phức tạp hơn một chút.

document.URLsẽ giúp bạn URLvà

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

Hãy thử cái này, nó ngắn hơn và hoạt động chính xác như window.location.href:

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

ngoài ra nếu bạn muốn kiểm tra URL trước đó:

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

Dễ dàng hơn

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

Thử cái này:

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

Hãy thử indexOf

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

Bạn cũng có thể thử tìm kiếm (cho các biểu thức thông thường)

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

Sử dụng Window.location.href để lấy url trong javascript. đó là một tài sản sẽ cho bạn biết vị trí URL hiện tại của trình duyệt. Đặt thuộc tính thành một cái gì đó khác nhau sẽ chuyển hướng trang.

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

Tôi thích tạo một booleanvà sau đó sử dụng nó một cách hợp lý 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');
}

Đặt trong tập tin js của bạn

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

Biểu thức chính quy sẽ tối ưu hơn cho nhiều người vì ranh giới từ \bhoặc các thiết bị tương tự. Lời ranh giới xảy ra khi nào 0-9, a-z, A-Z, _đang trên mà bên trong những trận đấu tiếp theo, hoặc khi một nhân vật tự chữ và số kết nối với dòng hoặc cuối chuỗi hoặc bắt đầu.

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

Nếu bạn sử dụng if(window.location.href.indexOf("sam"), bạn sẽ nhận được các trận đấu cho flotsamvà same, trong số các từ khác. tomsẽ phù hợp với cà chua và ngày mai, không có regex.

Làm cho nó phân biệt chữ hoa chữ thường đơn giản như loại bỏ i.

Hơn nữa, việc thêm các bộ lọc khác cũng dễ như

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

Hãy nói về (?:\b|_). RegEx thường định nghĩa _là word charactervì vậy nó không gây ra ranh giới từ. Chúng tôi sử dụng điều này (?:\b|_)để đối phó với điều này. Để xem nếu nó tìm thấy \bhoặc _ở hai bên của chuỗi.

Các ngôn ngữ khác có thể cần phải sử dụng một cái gì đó như

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.

Tất cả điều này dễ hơn là nói

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

^{Hương vị của các ngôn ngữ thông thường khác hỗ trợ Biểu thức chính quy \p{L}nhưng javascript thì không, điều này sẽ giúp cho việc phát hiện các ký tự nước ngoài dễ dàng hơn nhiều. Cái gì đó như[^\p{L}](filters|in|any|alphabet)[^\p{L}]}

Giả sử bạn có kịch bản này

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

Và dạng url là www.localhost.com/web_form_response.html?text_input=stack&over=flow

Các văn bản được viết <p id="response">sẽ làstack

Sẽ là một cách thực hành tốt nếu bạn chuyển đổi chuỗi của mình thành chữ thường hoặc chữ hoa vì phương thức indexof () phân biệt chữ hoa chữ thường. Điều này sẽ xảy ra nếu tìm kiếm của bạn không phải là trường hợp nhạy cảm với tâm trí đầy đủ. Vì vậy, đối với một tìm kiếm không phải là trường hợp nhạy cảm, nó sẽ là:

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