html 按钮跳转方法
程序员文章站
2022-07-03 18:53:36
...
1.点击一个按钮跳转到另一个页面 （网址） 两种写法：
<button onclick="{location.href='location.html'}">获取现在的位置</button>
<input type="button" value="go" onclick="location.href='http://liujun11.iteye.com">
这里说一下onclick的用法：
onclick="javascript:window.location.href='URL'" onclick="location='URL'" onclick="window.location.href='URL?id=11'"
用的时候修改URL即可。
2..如果想弹出一个确认框之后再跳转
在我们用过的一些网页上肯定会有提示你的操作，举个不恰当的例子，例如刷新一些页面会提示你，是否确认刷新，刷新可能会造成数据的丢失。
直接加代码 if(confirm('确定跳转？'))
<button onclick="{ if(confirm('确定跳转？'))location.href='body/location.html'}">获取现在的位置</button>
<input type="button" value="go" onclick="if(confirm('确定跳转？')){location.href='
http://liujun11.iteye.com'}">
3.打开网页时自动触发按钮的单击事件
这个只需要在<body>中添加onload="abc()"的属性就行了
<head>
<script type="text/javascript">
function abc(){
alert("onload");
}
</script>
</head>
<body onload="abc()">
</body>
这里还有一点得值得提一下
button 和 submit 的区别！！！！
type=button 就单纯是按钮功能 ，如果你不写javascript 的话，按下去什么也不会发生。
type=submit 是发送表单，这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。