css点击a链接到下一页底部

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css点击a链接到下一页底部相关的知识,希望对你有一定的参考价值。

我想点击链接也就是<a href="">点这个链接到别的页面的底部,就是链接到别的页面,但是直接显示的底部,而不是正常的顶部开始,请问有没有大神知道怎么弄。。。。。求帮助

使用锚点!比如你要链接的网页叫B 你在B页面的底部加上一个锚点<a id="q1"></a> 然后你在你的链接里写上<a href="B.html#q1" ></a> 就可以了 参考技术A 百度:锚链接

在链接到下一页之前播放音频的 HTML 链接

【中文标题】在链接到下一页之前播放音频的 HTML 链接【英文标题】:HTML link playing audio before linking to next page 【发布时间】:2017-01-27 00:17:00 【问题描述】:

我正在为一个坐在轮椅上的朋友创建一个程序,他不能说话,只能稍微移动他的头。在传送到下一页之前,我需要一个链接来播放音频文件。

<head>
<script>
function play() 
document.getElementById('test').play();

</script>
</head>
<body>
<audio id='test' src='howdoyoufeel.wav'></audio>
<a href="activity.html">
<img src="smile.png" onClick='play()' />
</a>
</body>

您好,非常感谢,努力帮助他沟通!!

【问题讨论】:

欢迎您!请提供minimal reproducible example。 【参考方案1】:

执行此操作的最简单方法是首先稍微更改您的 HTML 为您的链接提供一个 ID,然后在 setTimeout 中使用 JavaScript 定位该 ID:

HTML

<a id="thelink" href="activity.html">

JavaScript

function play() 
  document.getElementById('test').play();
  setTimeout(function() 
    document.getElementById('thelink').click();
  , 3000); /* 3000 here is 3 seconds -- this should match the length of your audio */

希望这会有所帮助!

【讨论】:

感谢您的帮助。 没问题 :) 如果此答案为您解决了问题,请不要忘记将解决方案标记为正确 - 这会将其从“未回答的问题”队列中删除,并同时授予两者的声誉提问者和回答者。当然,这么说,您没有义务将我的答案(或任何其他答案)标记为正确,尽管这确实有助于保持事情顺利进行:) 积分不足使公众无法看到我的投票。再次感谢您。【参考方案2】:

我还不能发表评论,但是要添加到 Obsidian 的答案中,您需要使用 play() 函数调用将 img 移动到锚标记之外...否则链接将立即被触发。

所以你的 HTML 应该是这样的:

<a id="thelink" href="activity.html"></a>
<img src="smile.png" onClick='play()' />

【讨论】:

感谢您的帮助! 欢迎您 :) 请务必支持 Obsidians 的回答,因为他回答了,我会简单地将我的消息添加为评论,但在我被允许这样做之前,我需要更多的声誉,并且觉得需要澄清这一点。

以上是关于css点击a链接到下一页底部的主要内容,如果未能解决你的问题,请参考以下文章

vue选择数据到下一页浏览器崩溃

离子标签不会转到下一页

如何使用angularjs变量使超链接移动到下一页?

为啥页面控制点从一页变为下一页

页面滑动底部自动加载下一页信息

webdriver 咋实现点击“下一页”的操作了