Java web之javascript(2020.1.6)

1.js输出：

windows.alert()---警告框

document.write()---写到html文档中

innerHTML---写到HTML元素

console.log()---写到浏览器的控制台

2.js数据类型

js声明数组：法一：var cars = new Array();cars[0]="Saab";cars[1]="Volvo";

法二：var cars = new Array("Saab","Volvo","BMW");

法三:var cars=["Saab","Volvo","BMW"]

js对象：var person={

firstname:"John"，

lastname:"Doe",

id:5566

};

person.name      person["firstname"]   两种方式取出对象中的值

3.DOM获得元素：

document.getElementById()：通过唯一id获得

document.getElemtsByTagName()[0]:通过元素标签获得数组（ps.获得的所有标签元素，所以需定位是数组中第几个元素,类名类似）

document.getElemtsByClassName()[0]:通过类名获得数组

4.DOM-HTML修改内容

var main = document.getElementById("main").innerHTML='helloworld";

5.DOM-HTML修改属性

element.getAttribute();//获取属性

element.setAttribute();//添加或修改属性   main.setAttribute("data","nihao")

element.src;

element.href;

6.DOM-CSS

element.getElementById("main").style.color="blue";

7.DOM-事件

1)事件内嵌元素中

<div onclick="alert(‘hello world’)">按钮</div>

2)Element.onclick=function(){displayDate()};

<div id="main">我是main</div>

<script>

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

　　main.onclick=function(){

　　　　alert("main被触发了");

　　}

</script>

3）Element.addEventListener("click",function(){

　　});

<div id="btn">我是btn</div>

<script>

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

　　Element.addEventListener("click",function(){

　　　　alert("btn被触发了");

　　});

　　}

</script>