Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > How to prevent hyperlink jump when using a link_HTML/Xhtml_Web page production

How to prevent hyperlink jump when using a link_HTML/Xhtml_Web page production

WBOY
Release： 2016-05-16 16:38:44
Original
1745 people have browsed it

When using , some problems arose, which confused me for more than a month. Now I got the following conclusion from netizens, which made me suddenly enlightened and the problem was solved.

The onclick event of the link is executed first, followed by the action under the href attribute (page jump, or javascript pseudo-link);
Assuming that there are both href and onclick in the link, if you want the href attribute to The action is not executed, onclick must get a false return value;
If the page is too long and has a scroll bar, and you want to perform the operation through the link's onclick event. Its href attribute should be set to javascript:void(0); instead of #, which can prevent unnecessary page jumps;
If a function with a return value is called in the href attribute of the link, the current page The contents of will be replaced by the return value of this function;
will make a difference when holding down the Shift key.
The problem I encountered today is that I cannot access parentNode in the form of href in IE6.0.
Try not to use javascript: protocol as the href attribute of A. This will not only cause unnecessary triggering of the window.onbeforeunload event, but will also stop the playback of animated gif images in IE.

Related labels：
Hyperlink Jump
source：php.cn
Previous article：Use html's ul and li tags to create image display function sample code_HTML/Xhtml_web page production Next article：The common parameters of IE web page pop-up windows can be set by yourself_HTML/Xhtml_Web page production
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Where should I place CustomLog directive in apache I'm using php:7.2-apachedocker. I need to disable health check url login access log. Based...
From 2024-04-06 22:03:59
0
1
990
The page suddenly cannot pull css or bootstrap So I'm developing a page, I did part of it yesterday and it worked great, and today I cont...
From 2024-04-06 21:58:04
0
1
800
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
CSS styles not applied to site I'm making a website using Bootstrap5 but the index.css properties are not being applied t...
From 2024-04-06 17:12:23
0
1
336
I want to make my async calls more readable I currently handle my promises by calling an async function and chaining it with .then(). ...
From 2024-04-05 15:34:44
0
1
3689
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template