JavaScript 中 Location 对象介绍
目录
Location 对象
Location 对象属性
Location 对象方法
Location 对象方法 细解
1 window.loction.href
语法:
说明:
举例:
2 window.location.search
3 window.location.hash
4 navigator对象。
语法:
举例:
分析:
Location 对象
- Location 对象包含有关当前 URL 的信息。
- Location 对象是 window 对象的一部分,可通过 window.location.xxx 格式的相关属性对其进行访问。
- 注意: 没有应用于Location对象的公开标准,不过所有浏览器都支持该对象。
Location 对象属性
hash 返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname 返回的URL路径名。 port 返回一个URL服务器使用的端口号 protocol 返回一个URL协议 search 返回一个URL的查询部分
Location 对象方法
assign() 载入一个新的文档 reload() 重新载入当前文档 replace() 用新的文档替换当前文档
Location 对象方法 细解
在JavaScript中,我们可以使用window对象下的location子对象来操作当前窗口的UR.所谓URL,指的就是页面地址。
- href 当前页面地址
- search 当前页面地址“?”后面的内容
- hash 当前页面地址“#”后面的内容
1 window.loction.href
在JavaScript中,我们可以使用location对象的href属性来获取或设置当前页面的地址
语法:
window.location.href
说明:
window.location.href可以直接简写为location.href,不过我们一般都习惯加上window前缀
举例:
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head> <script>setTimeout(function() {window.location.href="http://www.chmusk.top";},2000);</script>
<body> <p> 2秒后跳转</p>
</body>
</html>
2 window.location.search
在JavaScript中,我们可以使用location对象的search属性来获取和设置当前页面的地址“?”后面的内容。
3 window.location.hash
在JavaScript中,我们可以使用location对象的hash属性来获取和设置当前页面地址“#”后面的内容。#一般用于锚点链接。
4 navigator对象。
在JavaScript中,我们可以使用window对象下的子对象navigator来获取浏览器的类型
语法:
window.navigator.userAgent
举例:
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head> <script>if(window.navigator.userAgent.indexOf("MSIE")!=-1){alert("这是IE");}else if(window.navigator.userAgent.indexOf("Edge"!=-1)){alert("这是Edge");}else if(window.navigator.userAgent.indexOf("Firefox")!=-1){alert("这是Firefox");}document.write(window.navigator.userAgent);</script><body> <!--<p> 2秒后跳转</p>-->
</body>
</html>
分析:
- indexOf()方法用于找出“某个字符串”在字符中首次出现的位置,
- 如果找不到就返回-1.
- 判断浏览器类型也是经常用到的,特别是在处理不同浏览器兼容性上,我们就根据浏览器类型来加载对应的JavaScript处理代码。
JavaScript 中 Location 对象介绍相关推荐
- Javascript中的对象查找【转】
编辑点评:本文作者为大家介绍Javascript中的对象查找一些问题,希望有所帮助. 近期群里常有人提一些简单的问题,比如发一段代码乱七八糟的代码,然后说里面某个变量是什么,比如这里就有个很好的例子: ...
- JavaScript 中的对象拷贝(深拷贝、浅拷贝)
对象是 JavaScript 的基本块.对象是属性的集合,属性是键值对.JavaScript 中的几乎所有对象都是位于原型链顶部 Object 的实例. 介绍 如你所知,赋值运算符不会创建一个对象的副 ...
- 如何检查数组是否包含JavaScript中的对象?
In this article, we will look at various methods to check if an array includes an object in JavaScri ...
- javascript中in用法介绍
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 创建健壮的isArray()函数(JavaScript中判断对象类型的种种方法)
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
- 在JavaScript中删除对象
本文翻译自:Deleting Objects in JavaScript I'm a bit confused with JavaScript's delete operator. 我对JavaScr ...
- 如何在Javascript中访问对象的第一个属性?
本文翻译自:How to access the first property of an object in Javascript? Is there an elegant way to access ...
- 检查值是否是JavaScript中的对象
如何检查值是否是JavaScript中的Object? #1楼 尝试这个 if (objectName instanceof Object == false) {alert('Not an objec ...
- Javascript中的对象和原型(一)(转载)
面向对象的语言(如Java)中有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象.但是,JavaScript 没有类的概念,因此它的对象也与基于类的语言中的对象有所不同. 要了解面向对象,首 ...
最新文章
- c语言程序设计第二版第五章课后答案甘勇,郑州工程技术学院副院长甘勇来校讲学和指导工作...
- Linux系统下给Qt应用程序配置图标(其余的应用程序也是可以实现添加图标的)
- DevExpress的TreeList怎样设置数据源,从实例入手
- cmd安装linux服务器,cmdbuild安装
- 《移动项目实践》实验报告——Android组合控件
- [转]进程,线程和多线程
- TYVJ P2032 「Poetize9」升降梯上 spfa最短路
- [学习总结]7、Android AsyncTask完全解析,带你从源码的角度彻底理解
- 3.4 内置函数(1)
- Android 的一点总结
- mysql 判断 字母大写_MySQL中查询时对字母大小写的区分
- Python 2 退休
- Spring----AOP的术语
- 终于找到了。 图标搜索、UI设计、移动开发集中导航
- Winform 窗体关闭事件
- JAVA写的模拟收发器设备面板工作状态并输出图形界面
- 海思烧录工具Hitool使用方法
- bootcamp opencore_黑苹果(Hackintosh)BootCamp 使用教程
- 关于小学计算机论文题目,经典小学计算机课论文选题 小学计算机课论文题目怎样定...
- 台达PLC开发笔记(二):台达PLC设置主机通讯参数为RTU并成功通讯
热门文章
- visual studio2019连接SQL Server数据库,增删改查详细教程(C#代码)
- 会计实务:金蝶K3各种采购暂估处理会计分录案例
- 【数据库复习】函数依赖
- 宣威民中2021年高考成绩查询,2021曲靖市地区高考成绩排名查询,曲靖市高考各高中成绩喜报榜单...
- 腾讯开源DCache,分布式NoSQL存储系统
- 解决WPS一运行CPU占用率近满
- 江苏省计算机等级考试注意事项,江苏省计算机等级考试算法及上机注意事项
- 生活随记 - 着急赶时间的时候记得不要拼车
- 圆点标定板的标志点提取、标定实验总结
- 如何快速成为一名软件测试工程师?0基础到月薪15k需要什么技术?