JavaScript复习记录-高级篇

HTML DOM (文档对象模型)

当网页被加载时,浏览器会创建页面的文档对象模型

通过 id 查找 HTML 元素

通过标签名查找 HTML 元素

通过类名找到 HTML 元素

addEventListener() 方法

事件冒泡或事件捕获

appendChild()

insertBefore()

removeChild()移除已存在的元素

replaceChild()替换元素

对象操作

Window - 浏览器对象模型

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

扫描二维码关注公众号,回复: 3945242 查看本文章

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

Window Screen

window.screen对象在编写时可以不使用 window 这个前缀。

Window Location

window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

window.location 对象在编写时可不使用 window 这个前缀。

location.hostname 返回 web 主机的域名

location.pathname 返回当前页面的路径和文件名

location.port 返回 web 主机的端口 (80 或 443)

location.protocol 返回所使用的 web 协议

Window History

window.history 对象包含浏览器的历史。

window.history对象在编写时可不使用 window 这个前缀。

History Back

history.back() 方法加载历史列表中的前一个 URL。

Window Navigator

window.navigator 对象包含有关访问者浏览器的信息

window.navigator 对象在编写时可不使用 window 这个前缀

确认框

提示框

setInterval() 方法

间隔指定的毫秒数不停地执行指定的代码

setTimeout() 方法

等待若干时间执行一次

JavaScript 创建Cookie

使用 document.cookie 属性来创建 、读取、及删除 cookie。

//创建 cookie

document.cookie="username=Ld";

//cookie 添加一个过期时间(以 UTC 或 GMT 时间)

document.cookie="username=Ld; expires=Thu, 18 Dec 2043 12:00:00 GMT";

//path 参数告诉浏览器 cookie 的路径

document.cookie="username=Ld; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

JavaScript 读取 Cookie

var x = document.cookie;

JavaScript 修改 Cookie

修改 cookie 类似于创建 cookie

document.cookie="username=Ldd; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

JavaScript 删除 Cookie

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

猜你喜欢

转载自blog.csdn.net/qq_33274797/article/details/83617126