2017.7.12 学习记录 JavaScript方法

//监听角标
function Test04A(obj){
obj.style.backgroundColor="#1ec5e5";//点击后颜色
obj.innerHTML="2"//点击输出字段
}
function Test04B(obj){
obj.style.backgroundColor="#D94A38";//松开后颜色
obj.innerHTML="3"//松开后输出字段
}
<div οnmοuseοver="" id="div04" οnmοusedοwn="Test04A(this)" οnmοuseup="Test04B(this)" style="background-color:#D94A38;width:200px;height:50px;padding-top:25px;text-align:center;">1</div>//该DIV的大小、初始颜色、初始字段


//while输出数组
function Test01(){
    cars=["BNM","Volvo","Saab","Ford"]
    var i=0;
    while(cars[i]){
    alert(cars[i]);
    i++;
    }
    }
 <input type="submit" value="点击" οnclick="Test01()"/>




function Test02(){
    var y=document.getElementById("div01")//定义到该DIV区间
    var x=y.getElementsByTagName("input")//该区间input标签
    alert(x.length);//输出几个input标签
    for(var i=0;i<x.length;i++){
    alert(x[i].type+x[i].value+x[i].onclick);//该input标签的类型、名字、及方法
    }
   

    }

<div id="div01">

<input type="submit" value="查询标签" οnclick="Test02()"/>

</div>

//为关闭这个窗口
function Test09(){
window.close();
}


//为弹出该输入的窗口
function Test08(){
window.open("https://www.baidu.com");