4、如何获得事件中鼠标在页面上的位置。
e.pageX
e.pageY
5、如何利用JS代码提交表单,跳转页面?
document.getElementById("id属性名").submit提交表单,(表单对象。submit)
location.herf="跳转位置" 跳转页面
6、说出以下代码点击按钮后的执行结果。
a、<script>
var buttonObj = document.getElementById("mybutton");
buttonObj.onclick = function(){
alert("ok");
}
</script>
<input type="button" id="mybutton" value="点击">
点击按钮是什么运行结果? 浏览器报错,要得到元素对象,必须要浏览器已经读取了该元素 null
b、<script>
window.onload = function(){
var buttonObj = document.getElementById("mybutton");
buttonObj.onclick = speak();
}
function speak(){
alert("speak函数");
}
</script>
<input type="button" id="mybutton" value="点击">
点击按钮是什么运行结果? 文档一加载完毕,马上执行speak()函数,并把speak()函数的返回值赋给buttobj的onclick事件。
由于spean()函数没有返回值,那么,那么也就意味着buttonObj的onclick事件没有绑定任何函数。
c、<script>
window.onload = function(){
var buttonObj = document.getElementById("mybutton");
buttonObj.onclick = speak; //相当于函数的地址
buttonObj.onclick = function(){
alert("ok");
}
}
function speak(){
alert("speak函数");
}
</script>
<input type="button" id="mybutton" value="点击">
点击按钮是什么运行结果? 调用方法,弹出ok 传统事件添加一个事件只能绑定一个函数。后绑定的函数会替换先绑定的函数。
d、<script>
window.onload = function(){
var buttonObj = document.getElementById("mybutton");
buttonObj.addEventListener("click",speak,false);
buttonObj.addEventListener("click",function(){
alert("ok");
},false);
}
function speak(){
alert("speak函数");
}
</script>
<input type="button" id="mybutton" value="点击">
点击按钮是什么运行结果?弹出speak函数 和ok 绑定两个函数,现代事件
现代事件添加一个事件可以绑定多个函数,speak,ok