Comparison between the href attribute of tag a and The onclick Event _ HTML/Xhtml _ webpage Creation

Source: Internet
Author: User
When you click the tag, The onclick event is executed first, and then the action under the href attribute. If you do not want to execute the action under the href attribute, The onclick operation must return false, if you are interested, you can understand the sequence of href attributes and onclick events. When you click the tag, The onclick event is executed first, the next step is the action under the href attribute (page Jump, or javascript pseudo link). If you do not want to execute the action under the href attribute, onclick must return false, generally, onclick = "xxx (); return false.

How to execute javascript code expressions and standard writing in the href attribute

"In Javascript, void is an operator that specifies to calculate an expression but does not return a value.

The format of the void operator is as follows:

1. javascript: void (expression)
2. javascript: void expression

Expression is a standard Javascript expression to be calculated. Parentheses outside the expression are optional, but it is a good habit to write them. (Implement version Navigator 3.0)

You use the void operator to specify the hyperlink. The expression is calculated, but no content is loaded in the current document. "

Href = # The default anchor that contains the location information is # top, that is, the top of the Web page. javascript: void (0) only indicates a dead link, with no information. Therefore, it is best to use void (0) when calling the script)

Href generally points to a URL address and can also call javascript, such as href = "javascript: xxx ();". It is recommended in this document to write: xx, however, this method may sometimes cause strange problems in complex environments. Try not to use javascript: Protocol as the href attribute of A. This will not only lead to unnecessary window triggering. the onbeforeunload event stops playing GIF animated images in IE.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.