开发者

defaulting away from js on hrefs

开发者 https://www.devze.com 2022-12-16 22:45 出处:网络
I want to开发者_如何学Python use this page scrolling technique from js. http://www.xfunda.com/index.php?view=article&id=55%3Ajavascript-page-scroll-scroll-a-web-page-from-bottom-to-top-smoothly&

I want to开发者_如何学Python use this page scrolling technique from js.

http://www.xfunda.com/index.php?view=article&id=55%3Ajavascript-page-scroll-scroll-a-web-page-from-bottom-to-top-smoothly&option=com_content&Itemid=75

But what if the user doesnt have js

<p><a href="javascript:void(0)" onclick="goto_top()"><img src="/goto_top.gif" alt="Top" border="0" /></a></p>

but what if I want to just user the anchors ont he page for a user who doesnt have js turned on for the nice scrolling effect?


To use anchors, change javascript:void(0) to #anchor_name and make sure that goto_top() or whatever your click handler is returns false.


The key way to implement that is to use the anchors #top within the hyperlink, and if the user has javascript enabled, then you use JS code to modify the link. That's the unobtrusive javascript approach.

var element = document.getElementById("alink");
element.href = "javascript:void(0);"; //changes from #top
element.onclick = function() { goto_top(); };

That way, if JS is disabled, the #top reference stays in the link, but if JS is enabled, it will replace and use the nice scrolling effect.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号