【学习笔记】JS进阶语法一window对象
生活随笔
收集整理的這篇文章主要介紹了
【学习笔记】JS进阶语法一window对象
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
內容整理自《從0到1Javascript快速上手》下半部分-進階語法篇
示例：打開/關閉新窗口
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>打開窗口/關閉窗口</title><script>window.onload = function (){ var btnOpen = document.getElementById("btn_open");var btnClose = document.getElementById("btn_close");var opener = null;btnOpen.onclick = function () {opener = window.open("https://www.baidu.com");};btnClose.onclick = function () {opener.close();};}</script></head><body><input id="btn_open" type="button" value="打開新窗口" /> <input id="btn_close" type="button" value="關閉新窗口" /> </body> </html>示例：重復性定時器
?
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>event對象</title><style type="text/css">div{width: 100px;height: 100px;border: 1px;solid silver;}</style><script>window.onload = function (){ //獲取元素var oBtn = document.getElementsByTagName("input");var oDiv = document.getElementsByTagName("div")[0];//定義數組，存放顏色var colors = ["red","orange","yellow","green","purple","blue"];//存放定時器var timer = null;//用于計數var i = 0;//按下"Start"按鈕oBtn[0].onclick = function () {//每次點擊開始按鈕，一開始就清除一次定時器clearInterval(timer);//每間隔一秒鐘切換一次顏色timer = setInterval(function () {oDiv.style.background = colors[i];i++;i = i % colors.length;},1000);};//按下"Stop"按鈕oBtn[1].onclick = function () {clearInterval(timer);};}</script></head><body><input type="button" value="Start" /> <input type="button" value="Stop" /><div>看我72變！</div></body> </html>?
?
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的【学习笔记】JS进阶语法一window对象的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【学习笔记】JS进阶语法一事件进阶
- 下一篇： 【学习笔记】系统观核心管理理论