Javascript: How to check if URL contains a word

Question

I want to check if the URL in a Browser contains the word "Desktop" (I startet the html file from the Desktop). Its url is: "file:///C:/Users/Joe/Desktop/TestAlert.html"

But there should appear an alert, but this doesnt works.

Here is my code:

<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
    if(window.location.href.contains("Desktop") > -1) {
       alert("Alert: Desktop!");
    }
});
</script>
</head>
<body>
    <h1>Test001</h1>
</body>
</html>

I tested this in Firefox, Chrome and Internet Explorer. It would be very nice, if someone can help me!

Are you looking for an `query-string` parameter or any string from the `url` ? — Rayon, Jan 07 '16 at 07:03

score 35 · Accepted Answer · answered Jan 07 '16 at 07:03

35

The method is String.prototype.indexOf()

if(window.location.href.indexOf("Desktop") > -1) {
       alert("Alert: Desktop!");
}

and you don't need DOM Ready for this.

answered Jan 07 '16 at 07:03

void

36,090
8
62
107

Thank you this was realy helpful! "DOM Ready for this." that was the point – Joe SharePoint Jan 07 '16 at 07:15

Naitik Patel · Answer 2 · 2016-01-07T07:17:31.640

3

<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
    if(window.location.href.indexOf("Desktop") > -1) {
       alert("Alert: Desktop!");
    }
});
</script>
</head>
<body>
    <h1>Test001</h1>
</body>
</html>

Please try this it will give you sollution

edited Jan 07 '16 at 07:17

answered Jan 07 '16 at 07:09

Naitik Patel

61
8

score 2 · Answer 3 · answered Jan 07 '16 at 07:05

2

You can use regexp

url = window.location.href;
if( url.match(/desktop/gi) ) {
   alert("Alert: Desktop!");
}

Using this you can check two or more words as well like "/desktop|home/gi"

answered Jan 07 '16 at 07:05

Vegeta

1,319
7
17

score 1 · Answer 4 · answered Jan 07 '16 at 07:03

1

Use indexOf instead

console.log(window.location.href.indexOf("javascript"));

Same rules apply, anything > -1 means it has found something

answered Jan 07 '16 at 07:03

Datsik

14,453
14
80
121

score 1 · Answer 5 · answered Jan 07 '16 at 07:13

If you want to use jQuery, you'll need to link to its source code. Also, use indexOf instead of contains.

<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    if(window.location.href.indexOf("Desktop") > -1) {
       alert("Alert: Desktop!");
    } else {
        alert("window.location.href: " + window.location.href);
    }
});
</script>
</head>
<body>
    <h1>Test001</h1>
</body>
</html>

Tip: When you have Javascript problems, hit f12 in your browser to open the development tools and then f5 to refresh the page. Then check your console tab for error messages, e.g. 'Uncaught ReferenceError: $ is not defined', and your sources tab for any parts of your code that are underlined in red.

score 0 · Answer 6 · answered Sep 18 '17 at 08:01

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

score 0 · Answer 7 · answered Jan 22 '22 at 16:42

0

if(window.location.href.indexOf("YOUR DESIRED WORD PUT HERE") > -1) { alert("The word is there!"); }

Works exactly you want!!

answered Jan 22 '22 at 16:42

Toufic Ahammed

11
3

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jan 22 '22 at 17:45

Javascript: How to check if URL contains a word

7 Answers7

Linked