java script

1.输出

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。

2.数据类型

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

3.json:JavaScript Object Notation

• 数据为 键/值 对   "firstName":"John"
• 数据由逗号分隔  
• {}保存对象   {"firstName":"John", "lastName":"Doe"}
• []保存数组      "employees":[
                                             {"firstName":"John", "lastName":"Doe"},
                                             {"firstName":"Anna", "lastName":"Smith"},
                                             {"firstName":"Peter", "lastName":"Jones"}
                                             ]

 

将字符串转换为 JavaScript 对象:var obj = JSON.parse(text);

4.DOM

JavaScript 能够改变页面中的所有 HTML 元素, HTML 属性,所有 CSS 样式,对页面中的所有事件做出反应

节点获取和操作:

通过Id,TagName:var x=document.getElementById("main");
                           var y=x.getElementsByTagName("p");

通过ClassName：var x=document.getElementsByClassName("intro");

 

改变HTML内容：

document.write() 可用于直接向 HTML 输出流写内容，不要在文档加载完成之后使用造成覆盖

document.getElementById(id).innerHTML=new HTML    修改自身元素的内容 ：使用 this.innerHTML  

改变HTML属性： 

document.getElementById(id).attribute=new value    

改变css：

document.getElementById(id).style.property=new style      eg.  style.visibility='hidden'/'visible'

事件：this当前对象

使用事件属性：

<button οnclick="displayDate()">点我</button>

使用HTMLDOM分配事件：

<script>
document.getElementById("myBtn").οnclick=function(){displayDate()};
function displayDate()
{
    document.getElementById("demo").innerHTML=Date();
}
</script>

 

onchange	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个HTML元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载
onmouseup	释放鼠标按钮时，会触发
onmousedown	点击鼠标按钮时，会触发
onfocus	当输入字段获得焦点时，会触发