Execute javascript function inside web-page from URL?

Question 1

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?

Question 2

You might consider using location.hash to dertmine a function to invoke.

Question 3

This code is not supposed to execute the function until you click on the button

Question 4

Also, add a header section, and put the script inside.

Question 5

@fubbe Can you show me an example?

Question 6

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.

Question 7

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

Question 8

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

Question 9

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

Question 10

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

Question 11

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.

Question 12

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

Question 13

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>

Question 14

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>

user4164128 · Accepted Answer · 2015-07-28 22:11:45Z

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

Share

Improve this answer

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

user4164128 Over a year ago

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

2015年07月28日T22:15:27.81Z+00:00

user1580348

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?

2015年07月28日T22:26:07.363Z+00:00

user4164128

user4164128 Over a year ago

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

2015年07月28日T22:29:05.593Z+00:00

user1580348

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.

2015年07月28日T22:34:13.02Z+00:00

Vidul

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

2015年07月28日T22:35:28.55Z+00:00

|

CollectivesTM on Stack Overflow

Execute javascript function inside web-page from URL?

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Post as a guest

Hot Network Questions

CollectivesTM on Stack Overflow

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Post as a guest

Related