js主要内容 - 技术栈

js的定义语法：

function 函数名（参数名）{

函数体

}

java 复制代码

function add(a,b){
    return a+b;
}

匿名函数/隐式函数

var 变量名=function（参数名）{

函数体

}

var s1=add(3,7);

js只有对象没有类

java 复制代码

var obj=new Object();
        obj.name="lyt";
        obj.age=18;
        obj.setAge=function (age){
            this.age=age;
        }
        obj.getAge=function (){
            return this.age;
        }
        obj.setAge(20);
        console.log(obj.getAge())
        console.log("-------------");
        var obj={
            name:"lyt",
            age:18,
            setAge:function (age){
                this.age=age;
            },
            getAge:function (){
                return this.age;
            }
        };
        obj.setAge(21)
        console.log(obj.getAge());

数组遍历

java 复制代码

var arr=new Array();
        arr[0]=123;
        arr[1]="gfhhg";
        arr[2]=221.0;
        for (var i=0;i<arr.length;i++){
            console.log(arr[i]);
        }

java 复制代码

<head>
    <title>Title</title>
    <script type="text/javascript">
        function changeValue(){
            alert("数据发生改变了");
        }
    </script>
</head>
<body>
<select onchange="changeValue()">
    <option value="xx">小学</option>
    <option value="zx">中学</option>
    <option value="dx">大学</option>
</select>

</body>

表单验证

java 复制代码

<head>
    <title>Title</title>
  <script type="text/javascript">
    function addDiv() {
      //1.创建型标签元素
      var divObj = document.createElement("div");
      //2.设置型标签元素对象的属性
      divObj.style.height = "100px";
      divObj.style.width = "100px";
      divObj.style.backgroundColor = "red";
      //3.添加标签元素对象到父标签
      //获取添加元素的父标签
      var bodyObj = document.getElementById("body1");
      //酱紫标签添加到父标签上
      bodyObj.appendChild(divObj);
    }
      //在指定位置上添加元素
      function addDiv2(){
        //1.创建标签元素
        var divObj=document.createElement("div");
        //2.设置标签元素的属性
        divObj.style.height="100px";
        divObj.style.width="100px";
        divObj.style.backgroundColor="blue";
        //3.添加新的元素
        var bodyObj=document.getElementById("body1");
        bodyObj.insertBefore(divObj,document.getElementById("bn2"));
      }
      //删除元素
      function delDiv(){
        //1.获取要删除标签的父标签
        var bodyObj=document.getElementById("body1");
        //2.获取要删除对象标签
        var delObj=document.getElementById("bn1");
        //3.从父标签中将子标签删除
        bodyObj.removeChild(delObj);
      }
  </script>
</head>
<body id="body1">
<input id="bn1" type="button" value="添加元素" onclick="addDiv();">
<input id="bn2" type="button" value="添加元素-指定位置" onclick="addDiv2();">
<input id="bn3" type="button" value="删除元素" onclick="delDiv();">

</body>