JavaScript Location 对象用法
2024-09-04 13:42:13
Location 对象
Location对象包含有关当前URL的信息。location对象是window对象的一部分,可以通过window.location属性访问。
注意:没有适用于location对象的公共标准,但所有主流浏览器都支持它。
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<title>js</title>
<body>
<p>单击此按钮可显示当前页面的整个URL。</p>
<button οnclick="myFunction()">尝试</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = location.href;
document.getElementById("demo").innerHTML = x; } </script> </body> </html>
Location 对象属性
可以在Location对象上使用以下属性:
属性 | 描述 |
---|---|
hash | 设置或返回URL的锚点部分(#) |
host | 设置或返回URL的主机名和端口号 |
hostname | 设置或返回URL的主机名 |
href | 设置或返回整个URL |
origin | 返回URL的协议,主机名和端口号 |
pathname | 设置或返回URL的路径名 |
port | 设置或返回URL的端口号 |
protocol | 设置或返回URL的协议 |
search | 设置或返回URL的查询字符串部分 |
Location 对象方法
可以在Location对象上使用以下方法:
最新文章
- 【记录】ASP.NET MVC RegisterBundles
- 回合对战制游戏第一篇(初识java)
- media query ie8- 兼容实现总结
- js中获取样式的俩种方法 style.color和style[&#39;color&#39;] 区别
- chrome浏览器扩展--QQ群查看器(1)
- Android 系统功能设置菜单 LinearLayout与relativeLayout的实现
- Android Wear开发 - 数据通讯 - 第零节 : 打包Wear应用(手机和手表应用如何连接)
- 11、SQL Server 视图、数据库快照
- javascript设计模式——Singleton
- BZOJ 1600: [Usaco2008 Oct]建造栅栏( dp )
- urllib模块 | Python 2.7.11
- JavaScript中的文档模式和严格模式
- python基础教程(七)
- form 表单提交数据 不跳转解决办法
- 如何只安装Postgresql client(以9.4 为例)
- python等值和大小比较
- jquery 循环绑定click的问题
- swift3.0 简单直播和简单网络音乐播放器
- Activiti的ACT_GE_PROPERTY表初始化
- GoldenGate安装与卸载
热门文章
- Dynamics CRM 客户端程序开发:自定义系统标准按钮的可用性
- CodeWarrior IDE烧写介绍
- ARP攻击 winpcap
- [UIApplication sharedApplication].keyWindow.rootViewController
- ABP进阶教程4 - 分页排序
- Spring Cloud Gateway报错:Unable to start embedded Tomcat
- 10.JavaCC官方入门指南-例5
- [android]system.img文件的打包和解包
- Cooperation、Collaboration与Coordination的区别
- UML图示样例