阻止标签默认行为
方式一 (通过return false)
阻止事件的默认行为window.onload = function() {
var a = document.getElementById('mya');
a.onclick = function() {
alert(this.innerHTML);
/*通过return false; 实现阻止了点击a标签后,页面的跳转*/
return false;
}
}
方式二 (通过javascript:; 或者 javascript:void(0);)
阻止事件的默认行为window.onload = function() {
var a = document.getElementById('mya');
a.onclick = function() {
alert(this.innerHTML);
}
}
百度一下
表单提交
方式一 submit提交不验证
列表项目
阻止表单提交
有2种方式:
第一种:
提交事件第二种:提交按钮
提交事件// 不推荐,写法不优雅
function go(e){
e.preventDefault();
}
// 不推荐,因为无法对表单数据进行验证
// 推荐写法
var form = document.forms[0],
submit = document.querySelector(".login_btn"),
inputBtn = document.getElementsByTagName("input");
form.onsubmit = function(e) {
e.preventDefault();
// return false; 也可以阻止表单提交
}
提交按钮
// 不推荐,因为无法对表单数据进行验证
// 不推荐,写法不优雅
function nogo(e){
e.preventDefault();
}
// 推荐写法
var form = document.forms[0],
submit = document.querySelector(".login_btn"),
inputBtn = document.getElementsByTagName("input");
submit.onclick = function(e){
e.preventDefault();
// return false; 也可以阻止表单提交
}
提交按钮 注册
// 不推荐,因为无法对表单数据进行验证
注册
// 不推荐,写法不优雅
注册
function nogo(e){
e.preventDefault();
}
// 推荐写法
注册
var form = document.forms[0],
submit = document.querySelector(".login_btn"),
inputBtn = document.getElementsByTagName("input");
submit.onclick = function(e){
e.preventDefault();
// return false; 也可以阻止表单提交
}