window对象中的location、screen、navigator、history

最新推荐文章于 2021-01-19 12:41:57 发布
最新推荐文章于 2021-01-19 12:41:57 发布
阅读量1.6k 收藏
点赞数
分类专栏： javaScript 文章标签： javascript html 对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yayun0516/article/details/41547735
版权 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body{text-align:center}
.txt{border:1px solid #000;font:10pt;color:gray}
</style>
<script type="text/javascript">
	function currLoc(){
		document.getElementById('txtContent').value = location;//显示当前页的路径
	}
	
	function changeLoc(){
		location = document.getElementById('txtContent').value;//转向框内输入的地址
	}
	//location.replace("../5.2/time.html");
</script>
</head>

<body>
<br/>
<input type="button" οnclick="currLoc()" value="我在哪儿">
<input type="button" οnclick="changeLoc()" value="我去哪儿">
<br/><br/>
<input type="text" size="50" id="txtContent" class="txt"/>
</body>

</html>


显示当前页的路径



.htmld代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>screen对象用法</title>
<style type="text/css">
#result{width:400px;border:1px solid #bc0;line-height:24px;padding-top:5px;padding-left:5px;font:11pt;color:gray;font-weight:bold}
</style>
<script type="text/javascript">
function getScreenInfo(){
	var str="屏幕尺寸基本信息：<br/>";
	
	str += "屏幕宽度："+screen.width+"像素<br/>";
	str += "屏幕高度："+screen.height+"像素<br/>";
	str += "屏幕可用宽度："+screen.availWidth+"像素<br/>";
	str += "屏幕可用高度："+screen.availHeight+"像素";
	
	document.getElementById("result").innerHTML = str;
}
</script>
</head>

<body οnlοad="getScreenInfo()">

<div id="result"></div>
</body>

</html>


.html代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>navigator用法</title>
<style type="text/css">
#result{width:400px;border:1px solid #bc0;line-height:24px;padding-top:5px;padding-left:5px;font:11pt;color:gray;font-weight:bold}
</style>
<script type="text/javascript">
function get_userInfo(){
	var str="基本信息：<br/>";
	var name = window.navigator.appName;
	
	str += "浏览器名称："+name+"<br/>";
	str += "浏览器版本："+window.navigator.appVersion+"<br/>";
	str += "操作系统版本："+navigator.platform+"<br/>";
	var language="";
	if(name == "Microsoft Internet Explorer"){
		if(navigator.systemLanguage == "zh-cn"){
			language ="简体中文";
		}else{
			language = navigator.systemLanguage;
		}
	}else{
		if(navigator.language == "zh-cn"){
			language ="简体中文";
		}else{
			language = navigator.language;
		}
	}
	str +="系统默认的语言："+language+"<br/>";
	str +="是否支持java语言：";
	str +=navigator.javaEnabled==true?"支持":"不支持";
	
	document.getElementById("result").innerHTML = str;
}

</script>
</head>

<body οnlοad="get_userInfo()">

<div id="result"></div>
</body>

</html>




yayun0516
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript从入门到跑路—–小文的js学习笔记（8）—–bom的对象及其用法—window 、History、location、navigator 、screen
01-08
 ECMAScript是 JavaScript的核心，但是在 Web中使用的 JavaScript， BOM （浏览器对象模型）才是真正的核心。BOM 提供了很多对象，用于访问浏览器的功能，但这些功能与任何网页内容无关。 二、window 对象下的属性...
js对象层次• navigator •screen•window
12-25
• navigator • screen • window o history o location o frames[]; Frame o document  anchors[]; links[]; Link  applets[]  embeds[]  forms[]; Form  Button  Checkbox  elements...
window-location/history
weixin_43117402的博客
03-17 376
Location 中常用属性如下： 属性 值 解释 href https://resource.xxx.com/wss_test/5dc54e230f101ed7c2256d0d/5e33d104680dca7ebc7a223b/index.html?time=1580454161498 href 是整个网页地址 hostname resource.xxx.com hostname...
Window 对象、document对象、history对象、location对象、navigator对象、screen对象
ssisse的博客
08-27 5186
Window 对象 Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 Window 对象集合 集合 描述 frames[] 返回窗口中所有命
JavaScript中的location、history、navigator对象
秦哥的博客
09-28 888
0.码仙励志 成功不是将来才有的，而是从决定去做的那一刻起，持续累积而成 1.location //地址栏上#及后面的内容 console.log(window.location.hash); //主机名及端口号 console.log(window.location.host); //主机名 console.log(window.location.hostname); //文件的路径-...
navigator对象与history对象
qq_44242084的博客
10-20 103
038HTML-DOM对象.doc
11-30
DHTML 对象模型如图－1 所示，包括 window 对象、document 对象、screen 对象、history 对象、location 对象、navigator 对象等。 2.1.2. screen 对象 screen 对象每个 Window 对象的 screen 属性都引用一个 Screen...
js对象关系图 方便dom操作
12-11
js对象关系图 JavaScript 对象参考手册 本参考手册描述每个对象的属性和方法，并提供实例。 Array Boolean Date Math Number String RegExp Global Browser 对象参考手册 本参考手册描述每个对象的属性和方法，并...
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
01-21
它包含了一些非常重要的子对象，包括location，navigator，document，screen，history。location对象包含当前页面的URL信息。有些信息是只读的，有些信息是可以读写的比如href属性。我们不仅可以通过href属性来获取...
javascript学习六~BOM和DOM简介，window，screen，navigator，location，history，节点增删改查
Carlos__z的专栏
07-24 879
BOM和DOM BOM(Brower Object Model，浏览器对象模型)，主要用来访问和操作浏览器各组件的一种方法。 BOM对象有：window、location、history、screen、navigator、document、frames[] DOM(Document Object Model，文档对象模型)，主要用来访问和操作网页元素的一种方法。 网页元素就是各样的HTML
DOM编程之：对象、事件（document、window、location、history、窗体弹出）
LYQ2332826438的博客
08-11 889
DOM编程之：对象、事件（document、window、location、history、窗体弹出） 一、对象 1. doucment文档对象 (1). getElementById()  //按元素的ID来访问 (2). getElementsByName() //按元素的name名称来访问（返回集合，因为同名的元素可能有多个） (3). getElementsByTagName()...
javascript中的window的location和history学习总结
guoyiqi
12-16 185
在javascript中window的两个导航对象：location和history。 其中location有属性hash、host、hostname、href、pathname、port、protocol、search，分别是什么意思的，下面的图很能说明问题： location有两个方法：reload()和replace() reload()是将服务端数据重新载入， re...
history、location、screen对象
weixin_43558339的博客
09-07 153
1、history对象 window.history对象包含浏览器的历史（URL）集合 history.back()与在浏览器点击后退按钮相同 history.forward()与在浏览器中点击按钮向前相同 history.go()进入历史中的某个页面 2、location对象 window.location对象用于获得当前页面的地址，并把浏览器重定向到新的页面 location.hostname...
JavaScript：Location对象和Navigator对象
草多兄的博客
03-29 417
location用于获取或设置窗体的URL，并且可以用于解析URL。 语法:location.[属性|方法]location对象属性图示: location 对象属性： location 对象方法: Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。 对象属性: 查看浏览器的名称和版本，代码如下:<script type="text/javascript">
浏览器的6大常用对象：window、navigator、screen、location、document、history
zz2230633069的博客
08-31 5589
浏览器对象模型（Browser Object Model (BOM)）：允许 JavaScript 与浏览器对话。 不同的浏览器对JavaScript支持的差异主要是，有些API的接口不一样，比如AJAX，File接口。对于ES6标准，不同的浏览器对各个特性支持也不一样。在编写JavaScript的时候，就要充分考虑到浏览器的差异，尽量让同一份JavaScript代码能运行在不同的浏览器中。 浏览器提供6大对象提供JavaScript获取：window、navigator、screen、location
javascript（14）——window,navigator,screen,location,document,history中的变量和方法
木子 旭的博客
01-19 136
1.window对象 window代表浏览器窗口 console.log(window.alert(123));//弹出提示框 console.log(window.innerHeight);//返回浏览器内部界面高度 console.log(window.innerWidth);//返回浏览器内部界面宽度 console.log(window.outerHeight);//返回浏览器整个界面高度 console.log(window.outerWidth);//返回浏览器整个界面宽度 运行结果： 2.
window属性中Screen、Location、History等用法
YDesire的博客
07-17 863
·1、screen Screen 对象包含有关客户端显示屏幕的信息。 常用属性 availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外)。 availWidth 返回显示屏幕的宽度 (除 Windows 任务栏之外)。 height 返回显示屏幕的高度。 width 返回显示器屏幕的宽度。 pixelDepth 返回显示屏幕的颜色分辨率（比特每像素）。 upd...
window.history.go()和history.back()以及location.reload()的用法以及不同
热门推荐
hiro_1015的博客
07-20 1万+
window.history.go(-1);   返回上一页, 原页面表单中的内容会丢失; window.history.back(-1);  返回上一页, 原页面表单中的内容会保留. 以下为举例： &lt;input type="button" value="刷新" onclick="window.location.reload()"&gt; &lt;input type="butto...
在JavaScript中，下列关于Window对象方法的说法中错误的是 A. Window对象包括Location对象、History对象和Document对象 B. window.onload（）方法中的代码会在一个页面加载完成后执行 C. window.open( )方法用于在当前浏览器窗口加载指定的URL文档 D. window.close( )方法用于关闭浏览器窗口 7. 在JavaScript中，下列说法中错误的是 A.setInterval( )用于在指定的毫秒数后调用函数或计算表达式，可执行多次 B. setTimeout( )用于在指定的毫秒数后调用函数或计算表达式，可执行行一次 C.setinterval( )的第一个参数可以是计算表达式，也可以是函数变量名 D.clearinterval( )和clearTimeout( )都可以消除Setinterval( )函数设置的timeout 8. 在JavaScript中，下列说法中正确的是 A. Window对象是BOM中的顶层对象 B. Wwndow对象的属性和方法是Navigator对象的一部分 C. BOM中并不存在Window对象 D. Window对象是Document对象的一部分 9.Navigator对象中能够返回当前浏览器名称的属性是 A. appCodeName B appNamne C.platform D. name 10.以下不属于Wndow对象的属性的是 A. closed B. value C. name D. status 11.将对话框移动到指定坐标使用的是 方法 A. moveTo() B. moveBy（） C.scrollTo( ) D.scrollBy()
最新发布
06-02
1. C.... Window对象是BOM中的顶层对象。 9. B. appName属性可以返回当前浏览器的名称。 10. B. value属性不属于Window对象，它是表单元素的属性。 11. A. moveTo()方法可以将对话框移动到指定的坐标。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值