Execute javascript function inside web-page from URL?

Question

I have this HTML code:

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display an alert box:</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    alert("I am an alert box!");
}
</script>

</body>
</html>

Then I save this code as: C:/js.html

Then I write in the address-bar of my browser:

file:///C:/js.html#javascript:myFunction();

But the Javascript function is not executed. Why?

How can I make this work?

You might consider using location.hash to dertmine a function to invoke. — user4164128
– user4164128, Commented Jul 28, 2015 at 22:05
This code is not supposed to execute the function until you click on the button — Sebas
– Sebas, Commented Jul 28, 2015 at 22:05
In comments below, you indicate you can't edit the webpage in question. That's important to note, and requires a lot more detail about what you want to do. — Teepeemm
– Teepeemm, Commented Jul 29, 2015 at 15:41

score 2 · Accepted Answer · 2015-07-28 22:18:40Z

2

Try this short snipped. Visit your page with #test as location part of your url index.html#test.

function myHash() {
    alert('here iam!');
}

function hash() {
    var hash = location.hash;

    switch(hash) {
        case '#test' : myHash();
            break;
        default : break;
    }
}

hash();

edited Jul 28, 2015 at 22:18

answered Jul 28, 2015 at 22:11

user4164128

Sign up to request clarification or add additional context in comments.

8 Comments

user4164128 Over a year ago

add it to your script tag and take a look at @hello world's structure.

user1580348 Over a year ago

Thanks, this works. But I need to call ANY javascript from ANY website in this way, not just from mine. Is this possible?

user4164128 Over a year ago

In short, nope. If you visit a page containing javascript, it will execute on pre defined purpose.

user1580348 Over a year ago

So is there absolutely no way to execute from the URL a javascript which is located or referenced inside the web-page? I mean, I don't even need to display the web-page, I only need to just execute the javascript.

Vidul Over a year ago

This works only on page load (i.e. does not observe URL changes). Otherwise replace hash() with window.onhashchange = hash();

|

hello world · Accepted Answer · 2015-07-28 22:08:14Z

0

you need to put your script tag between the head tags like so

<!doctype html>
<html>
<head>

<script>
function myFunction() {
    alert("I am an alert box!");
}
</script>
</head>
<body>
<p>Click the button to display an alert box:</p>

<button onclick="myFunction()">Try it</button>
</body>
</html>

answered Jul 28, 2015 at 22:08

hello world

1,7756 gold badges21 silver badges37 bronze badges

Comments

user23139 · Accepted Answer · 2020-02-06 17:37:56Z

0

This is what you asked for

<script type="text/javascript">
if(window.location.hash)
eval(window.location.hash.substr(1))
</script>

Congratulation! You just caused an XSS vulnerability. Beware of site.html#deleteuseraccount()

Better way to do it but wrong answer to yourr question.

<script>
function() {
    if (location.hash === "#magicword") {
    YourMagicHere();
 }};
</script>

answered Feb 6, 2020 at 17:37

user23139

3681 gold badge3 silver badges16 bronze badges

Collectives™ on Stack Overflow

Execute javascript function inside web-page from URL?

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related