jsscript

script写在boby下面,不可以自闭和

parseint

typeof(null)---obj

调用没传参默认赋值为nan

==值相等===数据类型和值都要相等

dom

location.herf

setinterval

setinterval

// 规则：单词字符，6~12
var reg = /^\w{6,12}$/;  
//规则: 手机号 11位数字,必须1开头
var reg2 = /^[1]\d{10}$/; 

//获取标签对象
var button = document.getElementById("btn");

//通过标签对象的onclick属性绑定鼠标单击事件,指定对应的处理函数
button.onclick = function (){
    console.log("我点你怎么滴.....");
}

//给当前表单注册提交表单事件,验证数据是否合法
/*
    指定的函数的作用:
        完成表单数据的一个校验
        如果想提交: 该函数需要返回true
        如果不想提交: 该函数需要返回false
 */

 button.onsubmit = function (){
    //alert("您点击了提交按钮!!!");
    return false;
}

// 1. 验证用户名是否符合规则
// (1)获取表单输入框
var  button  = document.getElementById("username");
// (2)绑定 onblur事件
usernameInput.onblur = function (){
    // (3)获取输入内容
    var username = usernameInput.value;
    // (4)判断是否符合规则: 6-12位
    // (4)判断是否符合规则: 11位  if (tel.length == 11) 
    if (username.length >= 6 && username.length <= 12) {
        document.getElementById("username_err").style.display = 'none';
    } else {
        // (5)如果不合符规则，则显示错误提示信息
        document.getElementById("username_err").style.display = '';
    }
}; 

// 1. 验证用户名是否符合规则
// (1)获取表单输入框
var usernameInput = document.getElementById("username");
// (2)绑定 onblur事件
usernameInput.onblur = checkUsername;

function checkUsername() {
    // (3)获取输入内容
    var username = usernameInput.value;
    // (4)判断是否符合规则: 6-12位
    // var flag = username.length >= 6 && username.length <= 12;
    //定义正则表达式
    var reg = /^\w{6,12}$/;
    var flag = reg.test(username);
    if (flag) {
        document.getElementById("username_err").style.display = 'none';
    } else {
        // (5)如果不合符规则，则显示错误提示信息
        document.getElementById("username_err").style.display = '';
    }
    return flag;
}; 
//给表单注册提交事件: 校验三个数据项全部符合规则,则提交数据,否则不提交数据
document.getElementById("reg-form").onsubmit = function () {
    //如何校验三个数据项中的内容呢?
    //前面的三个函数其实没有指定函数名,直接绑定到标签的离焦事件上的
    //解决方案: 给上面的三个函数起名字
    return checkUsername() ;
   // return checkUsername() && checkPassword() && checkTel();
}

/* var result = window.confirm("您确定要删除吗???");  /*
    setTimeout(function,毫秒值): 在一定的时间间隔后执行一个function，只执行一次

    setInterval(function,毫秒值):在一定的时间间隔后执行一个function，循环执行
 */
window.setTimeout(function (){
    console.log("hello js");
},1000);

window.setInterval(function (){
    console.log("hello html");
},2000);

//每隔1秒，灯泡切换一次状态
//1: on  12.off  03.on  4 off  5.on 6.off   两种状态: 任意一个数字%2的结果0或者1
//定义变量num,初始值0
var num = 0;
window.setInterval(function () {

window.location.href = "http://www.itcast.cn";

    if (num % 2 == 0) {
        //偶数时,调用on函数
        on();
    } else {
        //奇数时,调用off函数
        off();
    }
    //修改num的值,增加1
    num++;
}, 1000);

/*
获取：使用Document对象的方法来获取
    * getElementById：根据id属性值获取，返回一个Element对象
    * getElementsByTagName：根据标签名称获取，返回Element对象数组
    * getElementsByName：根据name属性值获取，返回Element对象数组
    * getElementsByClassName：根据class属性值获取，返回Element对象数组

 */
//1. getElementById：根据id属性值获取，返回一个Element对象
var img = document.getElementById("light"); 
//2. getElementsByTagName：根据标签名称获取，返回Element对象数组
var divs = document.getElementsByTagName("div"); 
//3. getElementsByName：根据name属性值获取，返回Element对象数组
var inputs = document.getElementsByName("hobby"); 
//4. getElementsByClassName：根据class属性值获取，返回Element对象数组
var divs2 = document.getElementsByClassName("cls");
alert(divs2.length);
for (let i = 0; i < divs2.length; i++) {
    alert(divs2[i]);
}

//1. getElementById：根据id属性值获取，返回一个Element对象
var img = document.getElementById("light");
//获取img标签的src属性值
var url = img.src;
console.log(url);
//修改img标签的src属性值
img.src = "../imgs/on.gif";

//2. getElementsByTagName：根据标签名称获取，返回Element对象数组
var divs = document.getElementsByTagName("div");
/*
    style:设置元素css样式
    innerHTML：设置元素内容
*/
for (let i = 0; i < divs.length; i++) {
    divs[i].innerHTML = "黑马程序员昌平校区欢迎您";
    divs[i].style.color = "red";
}
//3. getElementsByName：根据name属性值获取，返回Element对象数组
var hobbys = document.getElementsByName("hobby");
//禁用第一个checkbox
hobbys[0].disabled = true;