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 阻止它。

相关推荐