window.location使用说明

于 2023-10-23 14:13:02 发布
阅读量308 收藏 2
点赞数
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42597588/article/details/133988679
版权

window.location详解

window.location.href（返回全链接）

https://www.baidu.com?id=1&type=1&name=1

window.location.protocol（返回链接协议）

http:

window.location.host（返回域名和端口号）

www.baidu.com:8080

window.location.hostname（返回域名）

www.baidu.com

window.location.port（返回端口）

8080

window.location.pathname（返回路径部分）

如部署在根目录返回/
部署在根目录web文件夹下返回/web

window.location.search（返回参数部分）

?id=1&type=1&name=1

window.location.origin（？前边的url）

https://www.baidu.com
斌味十足
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别
12-09
“[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最外层的页面跳转 举例说明： 如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的...
window.parent与window.openner区别介绍
01-19
今天总结一下js中几个对象的区别和用法： 首先来说说 parent.window与top.window的用法 “[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最...
js基础代码大全_前端必备基础知识：window.location 详解
weixin_39530437的博客
11-25 588
作者：大道至简转发链接：https://mp.weixin.qq.com/s/IeiVXX_HR7HKqww2r7rvMg前言前端开发人员对 window.location对象应该不陌生，通过它不但可以获取当前页面的地址信息，还可以修改某些属性，实现页面跳转和刷新等。我们以一个常见的 URL 为例，看看window.location包含哪些属性和方法。window.location.href...
window的location对象详解
katy_1的博客
04-10 1136
文件转载处-简书：window.location对象详解 window.location对象不仅可以获得当前页面的地址（URL），还能够将浏览器重定向到新的页面。 打开google浏览器，调出调试工具，在console一栏中输入window.location，出现如图所示（包含location的多个属性）： 接下来以http://www.myurl.com:8866/test?id=1...
Location protocol 属性
weixin_33928467的博客
10-26 990
Location protocol 属性 定义和用法 protocol 属性是一个可读可写的字符串，可设置或返回当前 URL 的协议。 语法 location.protocol <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)&l..
location protocol 属性（http、https）
siwangdexie_copy的博客
10-25 8191
Location protocol 属性 protocol 属性是一个可读可写的字符串，可设置或返回当前 URL 的协议。 语法 location.protocol location.protocol //"http:" 使用场景 vue配置api地址的时候，根据 location.protocol 的地址切换http和https，避免在api地址切换成https的时候，出现请求报错...
Window.location 详细介绍
LuckyTHP
02-28 5893
js
[removed].hash 使用说明
09-05
通过设置 `window.location.hash`，浏览器的历史记录会更新，因此可以使用前进和后退按钮在不同的哈希值之间切换。这种做法实际上欺骗了浏览器，让它以为用户在浏览不同的页面，尽管实际上页面内容并没有发生整体...
window.navigate 与 [removed].href 的使用区别介绍
09-05
首先说明的是 window.navigate 与 [removed].href 都是实现页面链接跳转的，下面将介绍它们的区别。感兴趣的朋友可以参考下
js中window.open()的所有参数详细解析
10-26
基本的`window.open()`使用 最基础的`window.open()`调用形式如下： ```javascript window.open('page.html'); ``` 这里的`page.html`是你要打开的网页URL，新窗口会默认在当前浏览器窗口中加载这个页面。如果想...
window.location对象详解
Yushia的博客
11-01 5495
window.location 对象不仅可以获得当前页面的地址 (URL)，还能够将浏览器重定向到新的页面。
js中window.location的应用
半亩方塘
10-27 4705
URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成：scheme://host:port/path?query#fragment scheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号整数，可选，省略时使用方案的默认端口，如http的默认
window.location.protocol使用实战图片不同浏览器显示问题解决方案
gaoyu007的博客
07-26 387
window.location.protocol使用实战 图片不同浏览器显示不出来解决方案
window location方法简介
Harvey----谱写生命的篇章
10-25 310
文章目录window.location方法简介URL介绍（统一资源定位符 (Uniform Resource Locator, URL)）各个方法介绍 window.location方法简介   URL介绍（统一资源定位符 (Uniform Resource Locator, URL)） 完整的URL由这几个部分构成： 完整地址：scheme://host:port/path?query#frag...
【JS】window.location获取url各项参数详解
指错||纠正||建议||水评+点赞&&评论&&关注&&转发，在这里你大概率会有所收获
09-22 8348
window.location方法后还还可以带href,search等参数，下面我们来看看获取url各项参数的办法。 URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成： scheme://host:port/path?query#fragment scheme:通信协议 常用的http,ftp,maito等 http://localhost/test/test.htm?id=1 代码如下 复制代码 location对象 含有
window.location 详解
热门推荐
_
02-05 2万+
window.location对象常用属性 location.hostname 返回 web 主机的域名 location.host 返回 web 主机的域名（包含端口） location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 （80 或 443，如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符。） location.protocol 返回所使用的 web 协议（http:// 或 http
window.location.href下载不跳转页面
最新发布
11-09
如果要实现下载功能，可以通过设置window.location.href为文件的URL地址来触发浏览器的下载功能。如果要实现页面跳转，可以通过设置window.location.href为目标页面的URL地址来实现。 举例说明： 如果要实现下载...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值