js表单

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

 

转载于:https://www.cnblogs.com/YGZ-321/p/6986749.html