js入门

js输出

1. window.alert() 警告框
2. document.write() 写道HTML文档中
3. innerHTML 写道HTML元素中
4. console.log() 写到浏览器的输出控制台中

js语句与注释

js变量

5. 对大小写敏感

js数据类型

6. String Number Boolean Array Null Undefined

js函数

js比较与逻辑运算符

7. == 相对等于
8. === 绝对等于（值和类型都相等）

DOM 介绍

获得元素

9. document.getElementById();
10. document.getElementsByTagName();
11. document.getElementsByClassName();

DOM HTML

12. 修改HTML内容
    document.getElementById(id).innerHTML = ‘helloworld’;
13. 修改HTML属性
    element.getAttribute()
    element.setAttribute()
    element.src
    element.href

DOM CSS

14. 修改样式
    document.getElementById(id).style.color = ‘blue’

DOM 事件

List item

15. 请点击该文本

16. Element.function(){displayDate()};
17. Element.addEventListener(“click”,function(){});

DOM 节点

18. 添加删除节点
    document.createElement(“p”) 添加元素
    document.createTextNode(“新增”) 给元素添加文本
    parent.appendChild(child);把新增节点加到父节点中
    parent.removeChild(child); 删除节点

js window

• 浏览器窗口
• 所有 javascript 全局对象、函数以及变量均自动成为window对象的成员
• 全局变量是window 对象的属性
• 全局函数是window 对象的方法

window 的方法

• window.open()
• window.close()
• window.moveTo()
• window.resizeTo()

window screen

• window.screen 可以不要window前缀
• screen.availWith 可用的屏幕宽度
• screen.availHeight

window location

• location.hostname 返回web主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.protocol 返回所使用嗯的web协议
• location.href 返回当前页面的url

window history

• window.history window前缀可以省略
• history.back() 后退
• history.forward() 前进
• history.go()
  history.go(0) history.go(-2)x