【前端】JavaScript总结

》前端很重要

【1】语言元素：Math对象：基本数学函数和常数：PI、abs（）、log（）、min（）等

【2】数组：

【3】事件操作
常用的就不写了

<script for="事件源ID” event="事件" >事件处理</script>

event.srcElement.innerText当前元素的内容

*.charAt(6)获取第6个位置的元素

鼠标移动*元素：

var one =document.getElementById("one");//获取one元素
var downOrNot =false;//是否按下
var dx = 0;
var dy = 0;
var sx = 0;
var sy = 0;
//移动时
document.onmousemove=function(e){
    var ev =e || window.event;
    if(down){
        one.style.top = ev.clientY-(dy-sy);//随鼠标移动
        one.style.left = ev.clientX-(dx-sx);//随鼠标移动
        }
    }
    //鼠标按下，获取坐标
    one.onmousedown=function(){
        var ev =e || window.event;
        dx = ev.clientX;
        dy = ev.clientY;
        sx = parseInt(one.style.left);
        sy = parseInt(one.style.top);
        if(!downOrNot ) downOrNot = true;
    }
    //弹起
    one.onmouseup = function(){
        if(downOrNot ) downOrNot =false;
    }

提示是否要进行**操作：confirm（）

opener：子窗体中代表父窗体的对象

<frameset rows = "100,*">
    <frame name = "top" />
    <frameset cols = "150,*">
        <frame name = "menu" src="menu.html"/>
        <frame name = "main" />
    </frameset>
</frameset>

下拉框选中值的索引：selectedIndex

返回上一步

<a href ="javascript:history.go(-1)">返回上一步</a>
<a href ="javascript:history.go(-2)">返回上二步</a>
还有一个back（）

表单校验：变化的东西作为参数被抽离出来

【DOM】查看doc元素

var pro=""
document.write("document." + pro + "=" + document[pro] + "<br>");