在写div的时候可以先设置一个边框看一下div盒子的作用范围
默认是绝对定位的
小广告需要设置父元素相对定位
关闭广告的函数
登录验证的共能
获取email的value值
登录逻辑用js写的
<script type="text/javascript">
function checkForm() {
//获取了email的value值
var email = document.getElementById('email').value;
//获取pwd的value的值
var pwd = document.getElementById("pwd").value;
//判断email是否符合要求
if (email=="") {
alert("email地址不能为空");
return false;
}else if (email.indexOf("@")==-1) {
alert("email地址格式错误,必须包含@符号");
return false;
}else if (pwd=="") {
alert('密码不能为空');
return false;
}else if (pwd.lenght<6) {
alert("密码长度错误");
return false;
}else{
return true;
}
}
</script>
注意浏览器从上往下执行,所以script
标签放在页面的底部会防止页面找不到id等等一些问题
匿名函数的调用方法
//匿名函数
function(){
alert(123)
};
//匿名函数的调用
(function(){
alert(123)
})();
jQuery要学的东西
jQuery优点:
下载jQuery尽量选择1.x而不是2.x,因为2.x不支持IE6,7,8
压缩版本用于生产环境,未压缩版本用于编码环境
用原生js写的效果和用jquery写的效果对比
<input type="button" value="点击" id="btn">
<script type="text/javascript">
//用原生js写的效果
function fn() {
var obj=document.getElementById('btn');
obj.style.background="red";
}
//用jquery写的效果
$("#btn").click(function () {
$("#btn").css({background:"blue"});
})
jQuery语法:
$(select).action();
console.log 控制台打印
jq选择器
#id: id选择器
element: 元素选择器
class: 类选择器
联合选择器
层级选择器
内容选择器: