Set href value using javascript at onload

**Jaganmohini** · 13-05-2010

I would like to set a value of an href on a link when the page is loaded. For that I think I need to set it using onload. I tried it as below but got stuck how should I move further now. Can anyone suggest me how should I move now?

HTML Code:

<head>
<script>
    var hrefLnk = "webpage1.aspx"
    function setHref() {
    newhref.href == hrefLnk}
</script>
</head>
<body onload="setHref()">
    <a id = "newhref" >
        SomeLinkText
    </a>

**CitricAcid** · 13-05-2010

Code:

function myHref() {
    document.getElementById('newhref').href == hrefLnk;
}

You can even use document.links array and perform the operation.

**Jaganmohini** · 13-05-2010

Here is my code. I am just confused if I missed something, can you help me out?

HTML Code:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="myServer">
    <title>New Page</title>
    <script>
    var lnkTitle = "This is the standard href title"
    var lnkTitle2 = "This is the alternate href title"
    var lnkTitle = "webpage1.aspx"
       
    function myHref() {
        document.getElementById('newhref').href == hrefLnk;}
    // alert(document.links('newhref').href)  
    // return hrefLnk}
   
    function jwriter(str){
    document.write(str )}
   
    </script>
</head>
<body onload="myHref()">
    <a id = "hrefLnk">
        <script type="text/javascript">
    jwriter(lnkTitle2)  
</script>
 
</a>
    <form id="form1" runat="myServer">
    <div>
   
    </div>
    </form>
</body>
</html>

**$tatic** · 14-05-2010

I think you need to some changes as given below in your code:

HTML Code:

<script>

    var hrefLnk = "webpage1.aspx"
    function myHref() {
    document.links['newhref'].href == hrefLnk 
    }
   
</script>

<body onload="myHref()">

..

<a  id='newhref'>Link newhref</a>
</body>

**Jaganmohini** · 14-05-2010

Ok I changed my code as you said and here is what I get. What happens in my case is that if I implement square brackets in the function line, I get "document.links.newhref.href is null or not an object" but however if I use parenthesis then it tells that "object required". What should I do now?

HTML Code:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="myServer">
    <title>Untitled Page</title>
    <script>
   
    var lnkTitle = "This is the standard href title"
    var lnkTitle2 = "This is the alternate href title"
    var hrefLnk = "webpage1.aspx"
       
    function myHref() {
    document.links('newhref').href == hrefLnk}
    // alert(document.links('newhref').href)  
    // return hrefLnk}
   
    function jwriter(str){
    document.write(str )}
   
    </script>
</head>
<body onload="myHref()">
    <a id = "newhref">
        <script type="text/javascript">
    jwriter(lnkTitle2)  
</script>
 
</a>
    <form id="form1" runat="myServer">
    <div>
   
    </div>
    </form>
</body>
</html>