c# - Anchor onclick should not reload the page but trigger javascript? - Stack Overflow

admin管理员组

文章数量:1326303

I have a situation where I am dynamically adding some content to popup box (which is a div) on my page from c#

HtmlGenericControl content = new HtmlGenericControl();
content.InnerHtml = "<a id='close' href='' onclick='action()'>close</a><span>Some text here</span>";
divcontrl.Controls.Add(content);
divcontrl.Attributes.Add("class", "myclass");



javascript method:

function action() {
       $('.myclass').hide();
    }

If I keep href='' on anchor it's closing the window but reloading the page, if I remove it not closing the window.

I have a situation where I am dynamically adding some content to popup box (which is a div) on my page from c#

HtmlGenericControl content = new HtmlGenericControl();
content.InnerHtml = "<a id='close' href='' onclick='action()'>close</a><span>Some text here</span>";
divcontrl.Controls.Add(content);
divcontrl.Attributes.Add("class", "myclass");



javascript method:

function action() {
       $('.myclass').hide();
    }

If I keep href='' on anchor it's closing the window but reloading the page, if I remove it not closing the window.

• c#
• javascript

Share Improve this question Follow edited Feb 17, 2012 at 18:03 Jon Adams 25.2k1818 gold badges8484 silver badges121121 bronze badges asked Jan 25, 2012 at 17:24 TigerTiger 42322 gold badges88 silver badges2323 bronze badges 2

• Try href='#', maybe that will help. – gdoron Commented Jan 25, 2012 at 17:27
• Can you please show the rendered HTML? – gdoron Commented Jan 25, 2012 at 17:32

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

Change your link tag attr as below,

//Edit changed from href="#" as it will scroll you to the top
href="javascript:void(0);" onclick='return action()' 

And add return to the js function,

function action() {
    $('.myclass').hide();
    return false;
}

Add return false; at the last line of action() function. This will prevent the default link action - reloading the page (in your case empty href means "the same URL").

Add. Also change onclick="action()" to onclick="return action()". Or onclick="action(); return false;".

function action() {
       $('.myclass').hide();
       return false;
    }

Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"?

Use <a href="#" .... or <a href="javascript:void(0);" ...>.

We already know that <a href="#foo">Foo</a> would create a link to an element in the same page with ID as 'foo'. #foo in this case is called a fragment identifier. Clicking it would cause the browser to "jump" to that element in the page without reloading it.

When the fragment identifier doesn't mention the ID of any element in the page (e.g. <a href="#">Foo</a>), then the browser jumps to the top of the page.

本文标签： cAnchor onclick should not reload the page but trigger javascriptStack Overflow