
单独添加一个链接,实现跳转:
<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调用的代码里的引号在只有一重时可以单双嵌套,超过两重就必须用 \ 号转义且转义的引号必须跟里层的引号一致,
也就是说里层引号要么全单,要么全双,不能混着来。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)