location.href 和 document.URL 与 document.documentURI

news/2025/2/22 15:59:39/

location.href 和 document.URL 与 document.documentURI

相同点

获取到的值相同
在这里插入图片描述

不同点

location.href=url可以赋值, 效果类似location.assign(url) , 可以后退
document.URLdocument.documentURI 是只读的, 赋值无效

location.href

在这里插入图片描述

location===window.location
true
location===document.location
true
location===window.document.location
true

MDN说: Location 接口的 href 属性是一个字符串化转换器 (stringifier), 返回一个包含了完整 URL 的 USVString 值,且允许 href 的更新。

document.URL

document.URL 返回当前文档的 URL 地址

该属性的值和DOM Level 0 中的document.location.href 属性的值是相等的。然而 document.location.href 是可写的,document.URL 是只读的。

document.documentURI 也返回与该属性相同的值,不过它在非 HTML 文档中也可以使用。

规范 : DOM Level 2 HTML: URL
[URI [IETF RFC 2396] ] (https://www.w3.org/TR/DOM-Level-2-HTML/references.html#RFC2396)

document.documentURI

Document 接口的属性 documentURI 以字符串的形式返回文档的位置(location)。在最初的 DOM3 定义中,这个属性是可读/写的。在现代的 DOM 标准(DOM4)中,它是只读的。
HTML 文档有一个 document.URL 属性返回同样的值。但是不像 URL,documentURI 适用于所有类型的文档。

document.URL与document.documentURI

document.URL

document.URL 返回当前文档的 URL 地址

该属性的值和DOM Level 0 中的document.location.href 属性的值是相等的。然而 document.location.href 是可写的,document.URL 是只读的。

document.documentURI 也返回与该属性相同的值,不过它在非 HTML 文档中也可以使用。

规范 : DOM Level 2 HTML: URL
[URI [IETF RFC 2396] ] (https://www.w3.org/TR/DOM-Level-2-HTML/references.html#RFC2396)

document.documentURI

Document 接口的属性 documentURI 以字符串的形式返回文档的位置(location)。在最初的 DOM3 定义中,这个属性是可读/写的。在现代的 DOM 标准(DOM4)中,它是只读的。
HTML 文档有一个 document.URL 属性返回同样的值。但是不像 URL,documentURI 适用于所有类型的文档。

相同点
  • 返回值相同
    在这里插入图片描述

  • 都是只读,不可写, 赋值无效
    在这里插入图片描述

不同点
    • document.documentURI 继承自Document接口, 适用于所有文档;
    • document.URL 继承自HTMLDocument接口, 只适用于HTML文档;

对比 document.URL 和 location.href

document.URL 和 location.href 的不同点

document.URL只读 , location.href读写

document.URL 赋值, document.URL的值不会改变
在这里插入图片描述
location.href 赋值, location.href 的值改变了, 并且页面也改变了, 效果和 location.assign()一样, 可以"后退"

因为页面改变了,控制台内容也清空了, 所以没法截图

localtion.href=url 相当于 location.assign(url)


document.URL 属于比较老的 api, 作为代替应该尽量使用 window.location.href 而非 document.URL. ?

document.URL 和 location.href 的相同点
值相等

MDN上说 document.URL属性的值和DOM Level 0 中的document.location.href 属性的值是相等的。然而 document.location.href 是可写的,document.URL 是只读的。

都能完整显示url

浏览器地址栏输入 https://cn.bing.com/#aaa?a=a&b=b&c=c
在这里插入图片描述
浏览器地址栏输入 about:blank#aaa?n=n100&a=1&b=2&c=3&d=4&e=5
在这里插入图片描述


http://www.ppmy.cn/news/312871.html

相关文章

【STL】priority_queue的使用及模拟实现

目录 前言 priority_queue的使用 功能解析 基本接口 写点题目 模拟实现 结构解析 插入删除 调整函数结合仿函数 仿函数介绍 结合使用 其他功能 接口补齐 迭代器区间构造 前言 🍾打开 queue 头文件后,我们发现除了我们之前介绍过的普通队列…

『Jenkins』最新版Jenkins安装与Git集成—CentOS 7安装的详细教程

📣读完这篇文章里你能收获到 图文形式安装Jenkins在Jenkins集成Git并进行的配置感谢点赞收藏,避免下次找不到~ 文章目录 一、准备工作1. 安装Java Development Kit (JDK 11) 二、安装Jenkins1. 下载和安装最新版的Jenkins2. 启动Jenkins服务3. 将Jenkin…

8003端口被占用

java启动项目时候报错,很常见的端口冲突问题(8003被占用) 记录一下处理命令,winR 输入 cmd 1.查询8003端口 netstat -nao | findstr “8003” 2.关闭pid为23852的进程,pid为上个命令查询出来的最后一列的值 taskkill…

金立E3移动网络无法上网

故障概述 今早老婆大人,说手机卡不能上网,用WIFI可以。近期维修过一次,属于设置问题。 解决方法 一﹑中国移动WAP设置: 名称:中国移动WAP设置 APN:cmwap (联通为uniwap,WCDMA为3gwap) 代理…

【目录】RV1126开发记录

文章目录 入门驱动基础驱动进阶驱动 入门驱动 【嵌入式Linux入门驱动】字符设备驱动基础 【嵌入式Linux入门驱动】按键驱动(一)非阻塞方式实现按键驱动 【嵌入式Linux入门驱动】按键驱动(二)阻塞方式实现按键驱动 【嵌入式Linu…

【Kubernetes资源篇】Service四层代理入门实战详解

文章目录 一、Service四层代理概念、原理1、Service四层代理概念2、Service工作原理3、Service原理解读4、Service四种类型 二、Service四层代理三种类型案例1、创建ClusterIP类型Service2、创建NodePort类型Service3、创建ExternalName类型Service 三、拓展1、Service域名解析…

当代音乐杂志当代音乐杂志社当代音乐编辑部2022年第12期目录

当代音乐家 深情的相遇 动情的咏叹——评《多情的土地》徐霞独唱音乐会 刘聪; 1-3238 教授专栏《当代音乐》投稿:cnqikantg126.com 一位勤奋的“跨界”耕耘者——《沧海一粟》魏煌音乐文集序 王次炤; 4-5 黑与白演绎的核心音响——从武满彻《鸟儿降落在…

什么是网络营销软件?

企业上网普遍遇到了问题,就是网站在网上没有人知道,产品就更没有人从网上了解。(飞歌营销软件网) 什么原因呢?其实很简单,这就象是其他商品一样,你不到媒体上做广告,谁知道呀&#x…