学习JavaScript基础总结

1.JS使用方式：

   (1)使用内联方式调用JS

   (2)使用超链接方式调用JS

   (3)使用<script></script>标签，在标签里写JS代码

   (4)使用JS文件，在HTML文件中通过<script src="JS文件路径"></script>标签引入JS文件

2.DOM对象:

    (1)获取DOM对象的方式：

            通过ID选择器获取DOM对象：document.getElementById("id值")

            通过类名选择器获取DOM对象：document.getElementsByClassName("类名")

            通过标签名选择器获取DOM对象：document.getElementsByTagName("标签名")

            通过name属性获取DOM对象：document.getElementsByName("name值")

    (2) 修改内容：

            使用innerHTML属性可以获取或设置元素内部的HTML或XML标记。

            使用textContent属性可以获取或设置元素的文本内容，但不会解析HTML或XML标记。

 （3）修改属性：

            可以直接通过点操作符（.）或方括号（[]）访问并修改元素的HTML属性。例如，element.id = "newId"; 或 element.setAttribute("class", "newClass");。

 （4）修改样式：

            可以直接通过元素的style属性修改内联样式。例如，element.style.color = "red";

 （5）创建元素：使用document.createElement("tagName")可以创建一个新的元素节点。

 （6）添加元素：使用appendChild()可以将新创建的元素添加到DOM树中。

 （7）附加：添加事件：使用addEventListener()可以为元素添加事件监听器。

3.事件:

onload：页面加载事件；

onmouseover：鼠标悬停事件；

onmouseout：鼠标移出事件；

onmousemove：鼠标移动事件；

onclick：鼠标单击事件；

ondoubleclick：鼠标双击事件；

onkeydown：某个键盘按键被按下事件；

onkeyup：某个键盘按键抬起的事件；

onchange：域的内容被改变事件；

onblur：失去焦点事件；

onfocus：获取焦点事件

4.级联操作:

  案例：

<select id="sel1" οnchange="creatCity()">

    <option>请选择省</option>

    <option >北京</option>

    <option >辽宁</option>

    <option >河南</option>

</select>

<select id="selCity">

    <option>请选择市</option>

</select>

<script>

    var array=new Array();

    array[0]=["请选择市"]

    array[1]=["海淀","朝阳"];

    array[2]=["沈阳","大连","锦州","丹东"];

    array[3]=["郑州","洛阳","新乡","焦作"];

    //获取省份下拉框

    function creatCity(){

        var index=document.getElementById("sel1").selectedIndex;//获取选中的省份下标

        console.log(index)

        var data=array[index];

        var selCity=document.getElementById("selCity");

        selCity.options.length=0;//清空市区下拉框

        for(var i=0;i<data.length;i++){

            var optObj=new Option(data[i])//创建Option对象

            selCity.add(optObj)

        }

    }

</script>

5.表格操作:

   insertRow(表格行的长度)：插入行

   insertCell(列的索引)：插入列

6.BOM对象：

BOM的核心对象是window，它代表了浏览器的一个实例（通常是一个标签页或窗口），并且是一个全局对象。在全局作用域中声明的所有变量、函数都会成为window对象的属性和方法

   例如:   window.close()

           window.open()

           window.alert()