Javascript inline onclick转到本地锚点

在Javascript中，使用内联onclick事件处理器可以实现点击按钮或链接时跳转到本地锚点。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
 <title>Javascript inline onclick转到本地锚点</title>
</head>
<body>
  <a href="#" onclick="scrollToAnchor('section1');">跳转到锚点1</a>
  <a href="#" onclick="scrollToAnchor('section2');">跳转到锚点2</a>
  <a href="#" onclick="scrollToAnchor('section3');">跳转到锚点3</a>

  <div id="section1" style="margin-top: 500px;">锚点1</div>
  <div id="section2" style="margin-top: 500px;">锚点2</div>
  <div id="section3" style="margin-top: 500px;">锚点3</div>

 <script>
    function scrollToAnchor(anchor) {
      document.getElementById(anchor).scrollIntoView({ behavior: 'smooth' });
    }
  </script>
</body>
</html>

在这个示例中，我们使用了三个锚点链接，分别对应三个锚点。点击链接时，会触发内联onclick事件处理器，调用scrollToAnchor函数，并传入锚点的ID作为参数。scrollToAnchor函数使用document.getElementById()方法获取锚点元素，并调用scrollIntoView()方法将其滚动到视口中。

这个示例中使用的技术和概念与云计算领域无关，因此不涉及任何云计算品牌商。

Javascript内联onclick转到本地锚点

javascript

<img src="button.png" /><img src="button.png" onclick="navigateTo #page10" />onclick="document.location=#goToPage';re

浏览 0提问于2012-08-05得票数 20

回答已采纳

2回答

禁用锚点跳转

javascript、html、map

当我点击一个大陆，例如非洲，页面会跳转到非洲国家(正如你所期望的)。我的问题是，我能阻止它跳跃吗？这是因为当你点击一个大陆时，国家列表直接在地图下面，因此隐藏了地图(由于页面跳转到锚id)。--more countries-->我尝试了onclick="return false"，如果没有幸运的话，任何帮助都将不胜感激。

浏览 1提问于2012-01-06得票数 3

1回答

如何让某些锚标签出现，而其他锚标签消失？

javascript、html、css

例如，如果有人点击一个名为"skateboarding“的链接，所有具有锚名称"skateboarding”的文章都会出现，而其他文章则会消失。但让它工作的任何标签，我将在未来。希望这是有意义的。

浏览 0提问于2016-10-24得票数 0

2回答

JavaScript -跳转到锚点

javascript、anchor

我正在尝试打开一个跳转到锚点的div。开头部分正常工作，但没有跳转到命名锚点<script type="text/javascript"> if (document.getElementById'); }<

浏览 0提问于2011-04-18得票数 15

回答已采纳

5回答

通过javascript转到锚点

javascript、sharepoint、anchor

我正在尝试在JavaScript中创建一个函数，它将把用户带到一个HTML锚。唯一的问题是，我正在尝试在.aspx页面中的SharePoint中创建它…… 我有一个隐藏表，我用JavaScript函数将其隐藏起来，但是这个表在页面的底部，所以我在表的旁边添加了一个锚点，并尝试超链接到它

浏览 5提问于2009-11-27得票数 0

1回答

如何在页面加载上进行ajax导航？

javascript、ajax、navigation、prototypejs

每个报表的链接都有锚点/标签，比如#Report1、#Report2等，它们是带有onClick函数的href，通过javascript创建报表需要做很多工作。我想让它，如果用户书签的网页与一个链接或直接导航与我的网页的网址中的锚/链接，以加载报告。因此，如果用户转到：，它应该加载页面并转到第二个报告。在我的页面加载中，我是否可以查看锚点/链接并对该锚点执行onlci

浏览 1提问于2009-12-02得票数 0

回答已采纳

5回答

当用户在新窗口中打开时，如何使onclick"window.location“也起作用？

javascript、javascript-events

为了隐藏链接的真实目的地，我使用了以下代码：但是，如果我单击右键，然后在新窗口中打开，它会转到锚点href标签中指定的url。我希望它转到</e

浏览 1提问于2010-10-14得票数 1

回答已采纳

2回答

带有onclick和href='#‘的锚定标记滚动到顶部

javascript、html

我有一个锚标签如果你的锚中没有href，它可能会搞砸一些东西，但我不需要重定向，只需调用js函数即可。

浏览 0提问于2010-08-24得票数 12

2回答

点击后切换锚点的点击功能

javascript

在单击锚点后，是否可以更改执行哪个onclick javascript函数？示例：当用户单击此<em

浏览 0提问于2012-04-27得票数 0

回答已采纳

2回答

防止浏览器跳转到锚点

javascript、mootools、anchor

如何防止浏览器跳转到锚点链接？我知道我可以在onclick事件上使用"return false“，或者如果有人正在使用mootools，可以这样做e.stop()}); 这将阻止浏览器跳转到锚点，但我希望将锚点保留在url中，以便用户可以共享链接。实际

浏览 5提问于2011-04-20得票数 3

2回答

如何在锚定标记中同时运行onClick和href (<a>)

javascript、html

在点击执行href而不是javascript函数时，请提前帮我脱离这个problem.Thanks…有什么想法可以达到同样的效果吗？/img/image-bg.png"> <a id="first-camera-{{this.id}}" onclick=" javascript<

浏览 0提问于2016-01-11得票数 1

5回答

如何禁用作为提交按钮的图像按钮

php、javascript

我有一个图像按钮，它充当表单提交按钮： <a href="#" onClick="submitComment('+[id]+'); return false;"><img class="submitcommentimg

浏览 0提问于2009-10-27得票数 2

回答已采纳

4回答

jquery成功后，javascript替换url，屏幕移动指定的页面元素id .但是屏幕再次移动到顶部位置

php、javascript、jquery

$list[$i][url] . "' $target_link >"; echo "<a href='#' onclick='javascript:whatson_read$list[$i][wo_id] . "); return false' >";<script type="text/javascript

浏览 0提问于2012-02-18得票数 0

回答已采纳

1回答

关注AJAX调用后丢失的div

javascript、jquery、html、ajax、spring-mvc

我有一个DIV，其中有几个链接(锚)在它。单击一个链接进行AJAX调用(使用jQuery)，服务器(控制器)发送一个HTML响应(实际上是一个JSP，通过Spring MVC)。

浏览 3提问于2011-11-13得票数 0

回答已采纳

1回答

Javascript命名跳转到锚点

javascript、anchor

我正在尝试创建一个刷新页面(并重置测验)的函数，并跳转到包含按钮的锚点。这在chrome和firefox上工作得很好，但在IE中它只会刷新到第一个命名锚点。

浏览 1提问于2012-03-24得票数 0

2回答

左键单击激活onclick，右键单击激活href

javascript、html、ajax、css、onclick

我有一个img标记为(当然不是精确的语法)我这里需要的是当用户左键点击img，我需要onClick</e

浏览 0提问于2013-06-18得票数 0

回答已采纳

3回答

Javascript函数锚点onclick语法

html、syntax、hyperlink、onclick

document.getElementById('replybox').innerHTML = replybox;</script>//link to call function <a href="#" onclick

浏览 0提问于2012-05-06得票数 1

回答已采纳

2回答

转到下一个锚点按钮

javascript、html、button、next

我已经在顶部设置了一些锚和一个小菜单。当我单击菜单项时，它将滚动到该锚点。如果可能的话，我想用JavaScript来做。这是我的页面

浏览 6提问于2011-04-27得票数 0

1回答

html / javascript* -跳转到锚点不起作用*

javascript、html

当我的按钮被点击时，我有一个指向锚点的onClick函数。当你点击按钮时，你可以看到#出现在url中，页面很快跳转到锚点，但是url中的#消失了，页面跳回到顶部。我想知道是否有人知道这是什么原因，以及如何修复它，使页面停留在锚点。<button type="submit" class="btn btn-primary" name='search' onClick=&qu

浏览 46提问于2018-07-01得票数 0

回答已采纳

4回答

将页面焦点转到正文中的特定部分

javascript、html

在facebook粉丝页面标签应用程序中，我点击标签按钮，喜欢转到粉丝页面内容的特定部分，而不需要进行像素计算。<div id="php"><textarea name="a"></textarea></div> 但是我想使用Javascript自动实现这个目标？

浏览 0提问于2011-04-26得票数 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Javascript inline onclick转到本地锚点

相关·内容

Javascript内联onclick转到本地锚点

禁用锚点跳转

如何让某些锚标签出现，而其他锚标签消失？

JavaScript -跳转到锚点

通过javascript转到锚点

如何在页面加载上进行ajax导航？

当用户在新窗口中打开时，如何使onclick"window.location“也起作用？

带有onclick和href='#‘的锚定标记滚动到顶部

点击后切换锚点的点击功能

防止浏览器跳转到锚点

如何在锚定标记中同时运行onClick和href (<a>)

如何禁用作为提交按钮的图像按钮

jquery成功后，javascript替换url，屏幕移动指定的页面元素id .但是屏幕再次移动到顶部位置

关注AJAX调用后丢失的div

Javascript命名跳转到锚点

左键单击激活onclick，右键单击激活href

Javascript函数锚点onclick语法

转到下一个锚点按钮

html / javascript* -跳转到锚点不起作用*

将页面焦点转到正文中的特定部分

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐