2、其次首先给按钮元素绑定点击事件。
3、最后指定触发点击事件时,会执行的函数。
javascript常用的页面跳转方法为:
window.location.href = some_url下面举例演示点击按钮后,延迟3秒跳转页面:
1、HTML结构
<input type='button' value='延迟3秒跳转到百度首页' onclick="fun()"/>2、javascript代码
function fun(){setTimeout(function(){
window.location.href = "http://www.baidu.com"
},3000)
}
3、演示效果:
下拉框跳转原理为当下拉框值改变时触发js跳转函数。
<body><form action="" method="post" name="">
<table>
<tr>
<td>
<Input type="button" value="begin" onclick="begin(this)"/>
</td>
<td>
<select name="degree" id="degree" onchange="jumpMenu(this)">
<option value="a.html">1</option>
<option value="b.html" selected="selected">2</option>
<option value="c.html" >3</option>
</select>
</td>
</tr>
</table>
</form>
<script type="text/javascript">
/*
使用onchange="jumpMenu()" 触发jumpMenu()方法
*/
function jumpMenu(e){
window.location.href = e.value//使用js执行跳转(window.location.href)
}
</script>
定义和用法onchange
事件会在域的内容改变时发生.
语法
onchange="SomeJavaScriptCode"