Link to a HTML page inside a Javascript function

Question

I want to link to a HTML file from a JavaScript on-click function. For that I used following function.

 onClick: function () {
                document.link("about.html");
               }

But this is not working. So how can I add link inside of onClick function. Can anyone help me.

Do you want to redirect to new page on click? If so, use window.location.href = "about.html"; — Alex S., Jun 19 '18 at 10:03
@ChrisG this work fine, If you can post this as an answer I can mark this as the correct answer. Thank you — Chathuri Fernando, Jun 19 '18 at 10:05
I'm 100% sure this question is a duplicate. I can't find an older version right now though. — , Jun 19 '18 at 10:06
Possible duplicate of [Jumping to a new HTML page with JavaScript](https://stackoverflow.com/questions/442384/jumping-to-a-new-html-page-with-javascript) — , Jun 19 '18 at 10:07

score 2 · Accepted Answer · answered Jun 19 '18 at 10:05

2

Usually I use this code:

<input type="button" value="Go to page" onclick="location.href='mypage.html'"/>

Anyway u can try:

onClick: function () {
                location.href("about.html");
               }

answered Jun 19 '18 at 10:05

Save

38
4

score 1 · Answer 2 · answered Jun 19 '18 at 10:11

You can use the onclick property of a button element in HTML that will trigger a function when the button is pressed.

<button onclick="myFunc()">click me</button>

In your JavaScript file, you can then create the myFunc() function that will be called and executed soon after.

function myFunc() {
    window.location = "otherpage.html";
}

According to W3C it's safer for cross-browser compatibility to use window.location rather than document.location.

score 0 · Answer 3 · answered Jun 19 '18 at 10:06

0

onclick:function(){
 window.navigate('your_url');
}

answered Jun 19 '18 at 10:06

Shadab

15
1
6

1

While this code could solve the problem, it is best to add elaboration and explain how it works for people who might not understand this piece of code. – Papershine Jun 19 '18 at 13:03

score 0 · Answer 4 · answered Jun 19 '18 at 10:13

0

Try this:-

 <input type="button" value="Go to page" onclick="openUrl()"/>

    function openUrl() {
              window.open("about.html");
    //or
    //window.location.href= "about.html";
        }

answered Jun 19 '18 at 10:13

Mahi

3,748
4
35
70

Link to a HTML page inside a Javascript function

4 Answers4

Try this:-