一、操作样式
语法:节点对象.style .属性名=属性值
二、js绑定事件
2.1直接在标签中绑定
2.2使用函数进行绑定
提供的方法绑定
三、增加节点与删除节点
四、js中的定时函数
五、js-BOM
window
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一:
window.document
offsetWidth 获取标签的宽度
offsetHeight 获取标签的高度
window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
Window Screen
screen.availWidth 可用宽度
screen.availHeight 可用高度
Window Location
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议(http:// 或 https://)
location.href 属性返回当前页面的 URL
location.assign() 方法加载新的文档
Window History
history.back()返回
history.forward()前进
go() 前进与后退
Window Navigator
navigator.appCodeName 浏览器代号
navigator.appName 浏览器名称
navigator.appVersion 浏览器版本
avigator.cookieEnabled 启用Cookies
navigator.platform 硬件平台
navigator.userAgent 用户代理
六、jQuery
对js的一个封装
优化HTML文档操作 事情处理 动画设计与Ajax交互
jQuery兼容各种主流浏览器
6.1引入方式
1.直接引入
2.使用CDN引入
6.2基本使用
6.2.1准备函数
jquery 中符号使用$
特点:
jquery准备函数有多种写法
jquery中定义多个准备函数,都可以执行
jquery中准备函数优先js准备先执行
6.2.2jquery和js相互转换
jquery是对js的封装
$(js对象)
jquery对象[0]
jquery对象.get(0)