JS之浏览器对象
2016-01-14 21:47
621 查看
window对象
window对象是BOM的核心,window对象指当前的浏览器窗口。
新建一个窗口:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>window对象</title>
<script type="text/javascript">
function open(){
window.open("http://www.baidu。com","_blank","height=400,width=600");
}
</script>
</head>
<body>
<form>
<input type="button" value="点击我,打开新窗口" onclick="open()" />
</form>
</body>
</html>
JavaScript 计时器
关于时间计时器,我有单独的一章,所以这里不详细介绍了,大家看看图片里的方法就好。
History 对象
history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。
History 对象属性:length eg:window.history.length可以获得当前打开的窗口的浏览记录,你把这个窗口关掉以后再打开浏览器length就会变成0;
History 对象方法:
eg:window.history.forward();
这里可以加一下说明,go()函数里面加的参数是相对当前页面来说的,比如说:go(1),就是加载到下一个URL,相当于forward();go(-1)就相当于back()
Location对象
location用于获取或设置窗体的URL,并且可以用于解析URL
location 对象属性: eg: document.write(location.href);
location 对象方法:
Navigator对象
Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本
eg: var browser=navigator.appName;
var b_version=navigator.appVersion;
document.write("Browser name"+browser);
document.write("<br>");<span style="white-space:pre"> </span>大家用的浏览器不一样,结果也会不一样
document.write("Browser version"+b_version); 运行结果:Browser nameNetscape
userAgent对象
返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
<script type="text/javascript">
function validB(){
var u_agent = navigator.userAgent; ;
var B_name="不是想用的主流浏览器!";
if(u_agent.indexOf("Firefox")>-1){
B_name="Firefox";
}else if(u_agent.indexOf("Chrome")>-1){
B_name="Chrome";
}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
}
document.write("浏览器:"+B_name+"<br>");
document.write("u_agent:"+u_agent+"<br>");
}
</script>大家可以看看自己的浏览器是什么浏览器
screen对象
属性调用:window.screen.属性
window对象是BOM的核心,window对象指当前的浏览器窗口。
新建一个窗口:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>window对象</title>
<script type="text/javascript">
function open(){
window.open("http://www.baidu。com","_blank","height=400,width=600");
}
</script>
</head>
<body>
<form>
<input type="button" value="点击我,打开新窗口" onclick="open()" />
</form>
</body>
</html>
JavaScript 计时器
关于时间计时器,我有单独的一章,所以这里不详细介绍了,大家看看图片里的方法就好。
History 对象
history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。
History 对象属性:length eg:window.history.length可以获得当前打开的窗口的浏览记录,你把这个窗口关掉以后再打开浏览器length就会变成0;
History 对象方法:
eg:window.history.forward();
这里可以加一下说明,go()函数里面加的参数是相对当前页面来说的,比如说:go(1),就是加载到下一个URL,相当于forward();go(-1)就相当于back()
Location对象
location用于获取或设置窗体的URL,并且可以用于解析URL
location 对象属性: eg: document.write(location.href);
location 对象方法:
Navigator对象
Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本
eg: var browser=navigator.appName;
var b_version=navigator.appVersion;
document.write("Browser name"+browser);
document.write("<br>");<span style="white-space:pre"> </span>大家用的浏览器不一样,结果也会不一样
document.write("Browser version"+b_version); 运行结果:Browser nameNetscape
<span style="white-space:pre"> </span>Browser version5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.152 Safari/537.36 LBBROWSER
userAgent对象
返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
<script type="text/javascript">
function validB(){
var u_agent = navigator.userAgent; ;
var B_name="不是想用的主流浏览器!";
if(u_agent.indexOf("Firefox")>-1){
B_name="Firefox";
}else if(u_agent.indexOf("Chrome")>-1){
B_name="Chrome";
}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
}
document.write("浏览器:"+B_name+"<br>");
document.write("u_agent:"+u_agent+"<br>");
}
</script>大家可以看看自己的浏览器是什么浏览器
screen对象
属性调用:window.screen.属性
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android Manifest 用法
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- Python动态类型的学习---引用的理解
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 小白观察:微软释放出其基于 Chromium 的 Edge 浏览器
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)