html 按钮跳转方法
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 阻止它。
相关推荐
lupeng 2020-11-14
sjcheck 2020-11-10
sjcheck 2020-11-03
meylovezn 2020-08-28
owhile 2020-08-18
Francismingren 2020-08-17
pythonclass 2020-07-29
sunzhihaofuture 2020-07-19
爱读书的旅行者 2020-07-07
行吟阁 2020-07-05
tianqi 2020-07-05
行吟阁 2020-07-04
冰蝶 2020-07-04
lyg0 2020-07-04
owhile 2020-07-04
opspider 2020-06-28
lengyu0 2020-06-28
tianqi 2020-06-21
dadaooxx 2020-06-16