js怎么实现鼠标点击当前页面某一处后跳转到指定div部位？ 爱问知识人
在网站建设过程中，有时候会需要做一个这样的功能，在当前页面内鼠标点击某个位置就会直接移动到当前页面的指定的另一个位置。其实这种功能对于资深程序员来说肯定不是什么难事，但是对于新手小白而言，却有一定的难度，主要是不知从何下手。那么本篇文章就给大家介绍关于js跳转到页面指定div位置的两种方法。
一、通过html锚点实现：
如果我们要点击实现跳转的地方是一个html锚点，也就是点击一个A标签超链接实现跳转，可以把A标签的href属性直接指向跳转指定位置的div，代码示例如下：<a href="#abc">点击跳转</a><div id="abc">将要跳转到这里</div>注意：点击上面A链接将会滚动跳转到同一页面中id="abc"的那个div处，需要注意的是跳转指定位置div的id是唯一的，A标签直接指向此id，id前面别忘了加上#号。
二、通过点击button按钮实现：
如果我们要点击实现跳转的地方是一个button按钮的话，由于button不能添加href，所以我们只好使用js跳转代码来实现，代码示例如下：<script> function onTopClick() { window。
location。hash = "#abc" } </script> <input type="button" name="Submit" value="提交" onclick="javascript:onTopClick();" /> <div id="abc">js跳转到页面指定div位置</div>注意：上述，点击提交按钮，将会滚定跳转定位到同一页面id="abc"的div处。
这段js点击跳转页面代码实现的原理是：页面各元素赋予唯一ID，点击提交按钮触发js点击事件，js通过ID滚动跳转定位到该元素，window。location。hash = "#abc"指的就是定位到当前页面id="abc"的div。那么以上所述就是关于div实现局部跳转页面的两种简单方法，相信尽管是新手小白在看过此篇文章介绍后也会轻松的掌握相关知识。
相关推荐
-
香菇芹菜饺子馅怎么做
1、食材：香菇适量，芹菜适量，鸡蛋适量，葱末适量，盐适量，调料适量，油适量。 2、香菇洗干净，捏干水分，切成末。 3、芹菜洗干净，沥干水分，切成末。 4、锅里倒油，将鸡蛋炒熟，弄碎。 5、把几样放到一起，倒点油，搅拌均匀。 6、放入盐、调料。 7、再放上葱末。 8、搅拌均匀，饺子馅就完成了。...
-
红烧牛肉怎么做好能加香菇吗
1、红烧牛肉能加香菇。2、主料：牛肉、香菇、土豆、胡萝卜。3、配料：大葱、姜片、八角、红辣椒、桂皮、草果、冰糖、味精、盐、十三香、油、生抽、老抽、料酒。4、牛肉切块焯水捞出，土豆胡萝卜切滚刀块，香菇切小块。5、加冰糖，炒牛肉成红褐色。6、油入锅，加入姜片、八角、红辣椒、桂皮、草果，小火焖一下，再加入十三香和适量的生抽和老抽。7、放入胡萝卜和土豆，翻炒均匀...
-
怎么让声音好听(女生声音很粗很难听怎么
文/羊城晚报全媒体记者 张华 通讯员 蒙朦 林惠芳Flash version 9,0 or greater is requiredYou have no flash plugin installedDownload latest version from here长时间讲话、唱歌后，感到喉咙不舒服、声音嘶哑，感觉话都说不出来了……其实，这是嗓子累了！如果长时...
-
韩国留学怎么样(去韩国留学都是后悔)
留学本是一件美好的事情，相信大部分小伙伴选择韩国留学都是因为喜欢韩国，而不是家长安排，所以到喜欢的国家留学几年，还会有人后悔吗？其实任何事情都不能完全尽如人意，初到韩国的你，也可能有一定的落差感。迷茫的时候很容易瞎想，压力大、课程听不懂，也没有朋友和家人在身边，会想自己为什么到韩国留学？其实这是很正常的现象，每个人都会这样，但既然选择了这条路，楼主建议咬紧牙...
-
爱康跑步机怎么样(爱康ifit一定要收费吗)
相信大部分人的燃脂健身，都是从跑步开始的吧！可是，许多人在坚持一段时间后觉得，这样的匀速慢跑有点乏味，而且就算坚持下去了，后期的燃脂效果似乎也越来越差。于是，变速跑的方法就出现了！什么是变速跑？变速跑，是一种快跑 慢跑，中途不停下的训练方法。这种忽快忽慢的运动方式比普通的跑步更有趣味性。而且相关研究表明，连续变速跑七十分钟，跑者跑完后的十五分钟内，身体脂肪依...
-
友情爱情的唯美语录经典语录是什么
1、因为喜欢，所以情愿，没有那么多为什么。2、男人，除了我你不许看别人。3、生活总是这样，不能叫人处处都满意。但我们还要热情地活下去。4、别对人生过敏，我们可以去爱的东西有很多，很多。5、你眼睛会笑，弯成一条桥。6、余生想和你游山玩水，游上面的山，玩下面的水。7、我知道遇见你不容易，错过了会很可惜。我不希望余生都是回忆，我想余生都是你。8、亲爱的，原谅我...
-
平庸、平凡、中庸、中等、中间、不偏不倚
公正,能力,位置,规范,是指，怎么区别清楚呢？平庸、中等，是指能力、素质、才华方面。平凡，是说一个人的知名度。中庸，是中国传统儒家学说中的一个“标准”和“规范”，是至高无上的追求。中间，是一个位置概念。不偏不倚，是指公平、公正。...
-
红芭乐要不要去皮
1、不用去皮。2、芭乐的别名是番石榴，是一种营养价值十分丰富的热带水果。番石榴的口感是比较酸甜的，并且是比较细腻爽口的。把番石榴与酸梅粉或是盐巴搭配食用时，它的口感效果会更佳，需要把番石榴清洗干净，在它的上面撒上酸梅粉或是盐巴混合品尝。...
-
这样做玉米胡萝卜香菇粥宝宝更爱吃
1、原料：大米2/3量杯、甜玉米1根、胡萝卜半个、香菇5个、葱1棵。2、大米淘洗干净用少量油、盐拌匀，放进锅里，加入适量的清水，盖上锅盖，开大火煲至水开后，转小火熬煮30分钟。3、香菇用温水泡发；玉米摘粒；胡萝卜削皮，把香菇、胡萝卜分别切丁，葱切葱花粒。4、把胡萝卜、玉米、香菇全部倒进锅里，中火煮开后，转小火煮20分钟，加入葱花，放盐调味即可。...
-
口蘑香菇和草菇都各有什么特性
1、香菇、口蘑、草菇的科属不同（1）香菇：香菇为担子菌门、伞菌亚门、伞菌纲、伞菌亚纲、伞菌目、光茸菌科、香菇属真菌。（2）口蘑：口蘑为真菌界、担子菌门、担子菌门纲、伞菌目、口蘑科、口蘑属真菌。（3）草菇：草菇为真菌界、担子菌门、伞菌亚门、伞菌纲、伞菌亚纲、伞菌目、光柄菇科、小包脚菇属真菌。2、香菇、口蘑、草菇的别称不同（1）香菇：香菇的别称有花蕈、香信、...
-
洪都拉斯的地理位置在哪里？ 爱问知识人
洪都拉斯,地理位置,中美洲,萨尔瓦多,加勒比海，洪都拉斯的地理位置在哪里？洪都拉斯位于中美洲北部。东、南同尼加拉 瓜和萨尔瓦多交界，北临加勒比海，西与危地马拉 接壤，南濒太平洋的丰塞卡湾，海岸线长1033千 米，面积为中美洲第二大国。...
-
ccTV1天气预报cctv1直播天气回放
中华卫视以及中央人民广播电台等媒体的天气预报节目，CCTV1 新闻联播后的天气预报节目已经成为世界上收看人数最多的天气预。千里眼视频CCTV1 天气预报。中央电视台天气预报，诞生于1980年7月7日，由于紧跟着中央电视台新闻联播播出，因此也被称为＂新闻联播天气预报＂ 开播最初，每天的文稿都是由气象台负责撰写，然。由新闻中心制作，CCTV1独播新闻联播天气预报...
-
中国的北斗导航系统军用精度有多高
系统,中国,定位,美国,卫星导航，西方热炒中国“北斗”军事卫星导航系统 “北斗”将跨入第二代 西方夸大其军事用途——中国的北斗卫星系统 近日，一篇发表在中国官方媒体的文章引起了包括法新社等众多西方媒体的关注，这篇文章的作者是中国国防大学学者，文章指出外层空间是中国人民解放军必须准备好为维护国家利益而战斗的地方。 北斗卫星导航系统 西方媒体宣称这是中国军队开始关注外层空间军事意义的信号。而包括加拿大《汉和防务评论》在内的多家媒体最近相继称...
-
我日死病毒！现在的病毒很厉害啊，希望大家能
文件,杀毒软件,检查,位置,现象，现在的病毒很厉害啊，希望大家能帮我。这个现象出现了2天了，我用了N个杀毒软件都杀不了。总之一上网就会立刻弹出一个有IP地址的空白网业，我关掉后一段时间没有问题出现，但大概过了60分钟左右之后就会整个系统瘫痪，但鼠标键盘能用。是什么病毒啊？而且每次弹网业的时候系统都会瘫痪30秒-1分钟。大家帮帮我啊。大概是很厉害的病毒，找资料中心吧。零、下载最新杀毒软件，或最新升级包。一、任务管理器中关闭可疑进程，服务管理中...