BOM浏览器与js交互

Browser Object Model(浏览器对象模型)

一、常用的全局方法

1.window.alert()警告提示框
2.window.confirm()确认提示框
3.window.prompt()用户输入提示框

二、var声明全局变量

var a =12;
alert(window.a)

三、id元素可直接访问


alert(window.myp.innerText)

四、定时器

setInterval间隔计时器
setTimeout定时器

var num = 1;
window.setInterval(function(){num++;console.log(num)
},1000)

screen对象

document.write(`
屏幕宽`+screen.width)
document.write(`
屏幕高`+screen.height)
document.write(`
可用屏幕宽`+screen.availWidth)
document.write(`
可用屏幕高`+screen.availHeight)
document.write(`
浏览器可视区域宽`+window.innerWidth)
document.write(`
浏览器可视区域高`+window.innerHeight)

history

  function goForword(){history go(1);//前进一步
}
（-1）后退一步
forword前进
back后退

location刷新

open方法

function openWin(){window.open("https://www.baidu.com")
}
//close()关闭

windows常用事件

1.onload 等待窗口加载完毕
2.onscroll 监听页面滚动

var t = document.documentElement.scrollTop;//垂直滚动距离

字符串编码

.encodeURL编码
.docodeURL解码

图片预览

var src = window.URL.createObjectURL(file);

上一篇：科技分享,老友十三水有挂吗,专业师傅揭秘一知乎

下一篇：分享斗棋联盟可不可以开挂，真的能开挂-知乎

复盘---js--BOM

BOM浏览器与js交互

一、常用的全局方法

二、var声明全局变量

三、id元素可直接访问

四、定时器

screen对象

history

location刷新

open方法

windows常用事件

字符串编码

图片预览

相关内容

热门资讯