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.在原窗口打开链接

<input type="button" value="闪吧" onClick="location='url'">

<button onClick="location.href='url'">吧</button>

<form action="url"><input type="submit" value="打开链接"></form>

2.在新窗口中打开链接

<input type="button" value="闪吧" onClick="window.open('url')">

<button onClick="window.open('url')">吧</button>

<form action="url" target="_blank"><input type="submit" value="打开链接"></form>

注意:onClick调用的代码里的引号在只有一重时可以单双嵌套,超过两重就必须用 \ 号转义且转义的引号必须跟里层的引号一致,

也就是说里层引号要么全单,要么全双,不能混着来。


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

原文地址:https://54852.com/bake/11455884.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存