枫树林给大地铺上了红色的地毯,秋风一吹,枫叶发出哗啦啦的响声,好似在鼓掌欢庆这丰收的景象。看,那菊花,它们开得多么热烈!距么旺盛!黄的、红的、白的、紫的……一朵朵,一簇簇,迎着秋风,披着寒霜,争妍斗艳,喷芳吐香,开得到处都是,简直成了一个锦簇的世界。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ font-size: 400px; } </style> </head> <body> <p>?</p> <a rel="nofollow noopener noreferrer" href="#">点击</a> </body> </html>
上面的代码点击后会回到页面顶部。
解决问题:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p { font-size: 400px; } </style> </head> <body> <p>?</p> <a rel="nofollow noopener noreferrer" href="javascript:void(0)">点击</a> </body> </html>
好了,问题解决\(^o^)/~
如果想给a标签添加点击事件,可以这样写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p { font-size: 400px; } </style> </head> <body> <p>?</p> <a rel="nofollow noopener noreferrer" href="javascript:void(0)" onclick="aClick()">点击</a> </body> <script> function aClick() { alert("晨落梦公子"); } </script> </html>
以上所述是小编给大家介绍的JS中如何实现点击a标签返回页面顶部的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
到此这篇关于JS中如何实现点击a标签返回页面顶部的问题就介绍到这了。宰相肚里能撑船,从容才能中道。更多相关JS中如何实现点击a标签返回页面顶部的问题内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!