HTML中有一个button,如何能让它在点击后跳转到指定页面?

HTML中有一个button,如何能让它在点击后跳转到指定页面?,第1张

单独添加一个链接,实现跳转

<input type="button" value="我是一个按钮"

onclick="javascrtpt:window.location.href='http://blog.sina.com.cn/mleavs'">

触发一个函数跳转:

<script>

function jump(){

window.location.href="http://blog.sina.com.cn/mleavs"

}

</script>

<input type="button" value="我是一个按钮" onclick=javascrtpt:jump()>

< a  href = "路径" >< input  type = "button" / > </ a >

在按钮外面扩一个a标签就好了。

设置锚点 

跳转到锚点 

当然这个是没有动画效果的,需要js css才能实现动画 。

搜索html的锚点连接。

1.首先我们新建一个带有button按钮的页面

<button type="submit" class="form-contrpl">注册</button>

2.button按钮不能直接添加herf属性,我们可以通过button的onClick事件来实现页面的跳转。

 第一种方法:window.open()可以实现页面跳转。

第二种方法:给button的onClick一个触发事件

因为我们希望页面在点击登录按钮的时候实现页面跳转,所以函数是直接声明,而不是等页面加载完后立即执行的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7059065.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存