JS-BOM
BOM:
浏览器对象模型
BOM对象有:
window:
global对象:全局对象
var age = 15;
也是相当于 window.age=15;
所有的全局变量和全局方法都声明在windows上
window对象方法:
window.altert(“”)
window.confirm(“message”);//确认对话框
功能:显示一个带有指定消息的ok及取消按钮的对话框
返回值:如果用户点击确认按钮,则confirm()返回true

如果用户点击取消按钮,则confirm()返回false

button里的value是显示在键盘上的
window.prompt(“text,defaultText”)
text:要在对话框中显示的纯文本(而不是HTML格式的文本)
defaultText:默认的输入文本
返回值:如果用户单击提示框的取消按钮,则返回null
如果用户单击确认按钮,则返回输入字段当前显示的文本

window.open(pageURL,name,parameter)
打开一个新的浏览器窗口或者已经命名的窗口
参数说明:
pageURL:子窗口路径
name:子窗口句柄
window.open(“newwindow.html”,”newwindow”,”width=400,height=200,left=0;top=0”)
window.close()

定时器
js的代码都是按顺序来的
所以当需要的时候要设置间隙和超时
超时调用:
setTimeout(code,millisec)
功能:在指定的毫秒数后调用函数或者计算机表达式
参数说明:
code:要调用的函数或者要执行的js代码串
millisec:在执行代码前需要等待的毫秒数
setTimeout方法返回一个ID值,通过他取消超时调用
cleatTimeout(setTimeout的返回值)
间歇调用:
setInterval(code,millisec)
code:要调用的代码
millisec:每个多久执行一次
如何清除:clearInterval(intervalID)

location对象
提供与当前文档有关的信息,和导航功能,既是window对象的属性,也是document对象的属性

1.location.href:
返回当前页完整页面的完整URL
location.href与window.location.href等价
2.location.hash
返回URL中的hash(#后 跟零或多个字符),如果不包含则返回空字符串
<body>

<div class =“box1” id=“top”></div>
<div class = “box2”></div>
<input type=“button” id=“btn” value=“返回顶部”>
<script>
    var btn=document.getElementById(“btn”);
    btn.onclick=function(){
    location.hash=“#top”;
    }
</script>

</body>
3.location.host
返回服务器名称和端口号(如果有)
4.语法:location.hostname
返回不带端口号的服务器名称
5.location.pathname
功能:返回URL中的目录和(或)文件名
6.location.port
功能:返回URL中指定的端口号,如果没有,返回空字符串
7.location.protocol
返回页面使用的协议,http或者https
8.location.search
返回URL的查询字符串,这个字符串以问号开头
location方法
1.location.href属性
2.location.hash
3.location.search
4.location.replace()
重新定向URL
不会在历史纪录里生成新的记录
5.location.reload:
重新加载当前页面
刷新页面
又可能从缓存中记载
location.reload(true)从服务器重新加载
建议放在代码后面
History对象
保存了用户在浏览器中访问页面的历史纪录
1.history.back()=history.go(-1);
等于在浏览器中点击后退
2.history.forward()
功能:回到历史纪录的下一步
说明:相当于使用了history.go(1)
history.go可以代替back和forward
Screen对象
包含有关客户端显示屏幕的信息
1.screen.availWidth:
返回可用的屏幕宽度,显示屏

2.screen.availHeight:
返回可用的屏幕高度

3.window.innerHeight
4.window.innerWidth
//这两个是窗口的,浏览器页面

Navigator对象
1.UserAgent:用来识别浏览器名称,版本,引擎以及操作系统等信息内容
如果出现iphone,是在移动端
<body>

<script>
    function getBrowser(){
        var explorer = navigator.userAgent.toLowerCase();
        return explorer;
    }
    var explorer = getBrowser();
    console.log(explorer);
</script>

</body>


Winnie
12 声望0 粉丝

« 上一篇
es6 promise&&class
下一篇 »
vue最基础