点击按钮跳转到下一题js

JavaScript013

点击按钮跳转到下一题js,第1张

1、首先给按钮元素添加“onclick等于"location.href等于'url'"”语句进行跳转。

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"