Js 对浏览器的URL的操作

最新推荐文章于 2024-01-28 23:15:00 发布
最新推荐文章于 2024-01-28 23:15:00 发布
阅读量364 收藏
点赞数
分类专栏： 前端 # jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28256783/article/details/103388537
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="../Js/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            var url = "http://localhost:1850/Url/Url的操作.htm?test=测试js对URL操作#df2016ds";
            //设置或获取 href 属性中在井号“#”后面的分段。结果：df2016ds
            var hash = window.location.hash

            //设置或获取 location 或 URL 的 hostname 和 port 号码。结果：localhost:1850
            var host = window.location.host

            //设置或获取 location 或 URL 的主机名称部分。结果：localhost
            var hostname = window.location.hostname

            //设置或获取整个 URL 为字符串。结果：http://localhost:1850/Url/Url的操作.htm?test=测试js对URL操作#df2016ds
            var href = window.location.href

            //设置或获取对象指定的文件名或路径。结果：/Url/Url的操作.htm
            var pathname = window.location.pathname

            //设置或获取与 URL 关联的端口号码。结果：1850
            var port = window.location.port

            //设置或获取 URL 的协议部分。结果：http:
            var protocol = window.location.protocol

            //设置或获取 href 属性中跟在问号后面的部分。结果：?test=%E6%B5%8B%E8%AF%95js%E5%AF%B9URL%E6%93%8D%E4%BD%9C 等同?test=测试js对URL操作#df2016ds
            var search = window.location.search
            console.log(search);
        </script>
    </head>
    <body>
    </body>
</html>

 

susie_小石头
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用JavaScript修改浏览器URL地址栏的实现代码
10-26
JavaScript提供了一种方式，通过`History`对象的`pushState()`方法来修改浏览器的URL地址栏，而无需刷新页面。这一功能在构建单页应用程序（SPA）时特别有用，因为它可以提供更好的用户体验，同时更新浏览器的历史...
js操作浏览器Url
c0411034的博客
05-14 371
1.获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1)....
JS基础知识（三十二）：浏览器输入url
前端
11-17 866
浏览器输入url 协议头://域名:端口号/路径?查询参数#hash值 protocol://host:port/path?query#fragment 浏览器的主要功能 常见的浏览器： IE、Chrome、FireFox、Opera、Safari 功能：将用户选择的web资源呈现出来，即向服务器请求资源，然后将其显示在浏览器窗口中，资源的格式通常为HTML，也包括pdf，image以及其他格式，用户通过url来请求指定资源的位置 url：统一资源定位符，用来定位互联网上任意资源的位置 浏览器内核： 最初：
js根据url获取html页面,JS 通过url地址栏获取html页面名称
weixin_36057013的博客
06-04 2306
有的时候需要获取页面名称，为此我在这里封装了一个方。一、分别根据传递不同的参数，获取到html页面的名称。通过传递参数，获取到html页面的名称；参数params以下是参数解释说明(1)params=1，只获取页面名称，不带.html后缀1.1 例如url路径是https://www.ceshi.com/home/index.html只返回页面名称： index(2)params=2， 取页...
Javascript中对 url 的一些常用操作
最新发布
l475378094的博客
01-28 1556
URL 接口用于解析，构造，规范化和编码 URL。通常，通过在调用 URL 的构造函数时将 URL 指定为字符串或提供相对 URL 和基本 URL 来创建新的 URL 对象。然后，你可以轻松读取 URL 的已解析组成部分或对 URL 进行更改。如果浏览器尚不支持URL()构造函数，则可以使用Window中的Window.URL (en-US)属性。创建并返回一个URL对象，该 URL 对象引用使用绝对 URL 字符串，相对 URL 字符串和基本 URL 字符串指定的 URL。
Javascript来打开一个URL +用户的文本输入
怀公子的博客
12-21 245
这是可能的吗? 我有输入框和一个提交按钮。 用户输入他们的“参考号”(例如:“hello123”) 用户单击submit按钮。 点击提交按钮后,javascript将打开url链接在一个新的浏览器选项卡和一个url链接(我分配)+用户的输入(hello123) ...
js操作浏览器的参数方法
01-19
var str = url.substr(url.indexOf('?') + 1); if (str.indexOf('&') != -1) { var arr = str.split('&'); for (i in arr) { if (arr[i].split('=')[0] == ref) return arr[i].split('=')[1]; } } else { ...
JS浏览器BOM常见操作实例详解
11-21
JavaScript Browser Object Model (BOM) 是一种允许开发者与浏览器交互的API，主要处理浏览器的非文档对象，如窗口、屏幕、历史记录和导航等。在本文中，我们将深入探讨一些常见的BOM操作，并通过实例来解释如何使用...
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
10-22
跟踪一些最基本的客户端访问信息，这里将一些公用的代码总结下来,需要的朋友可以参考下
浏览器中url存储的JavaScript实现
12-10
本文将深入探讨如何利用`pushState()`方法来实现浏览器URL的动态更新和历史记录管理。 首先，`history.pushState()`是History API的核心方法之一，它有三个参数：`stateObject`、`title`和`newUrl`。在示例中： 1....
js操作链接url
weixin_34281477的博客
05-04 276
使用js对当前的URL进行操作，可以使用内置对象window.location； window.location有以下属性： window.location.href：取得当前地址栏中的完整URL，可以通过赋值改变当前地址栏中的URL； window.location.search 取得当前URL的参数部分，即“?”后面的部分（包括问号），可以通过赋值改变...
js对URL的相关操作集锦
weixin_30653097的博客
10-28 82
1.location.href..... （1）self.loction.href="/url" window.location.href="/url" 以上两个用法相同均为在当前页面打开URL页面 （2）this.location.href="/url" 当前页面打开URL （3） parent.location.href="/url" 在父页面...
js基础之从输入url到浏览器显示页面发生了什么
MISS_zhang_0110的博客
06-22 441
从输入url到浏览器显示页面发生了什么一、输入网址二、浏览器查找域名的IP地址（DNS解析域名）三、建立TCP连接（三次握手）四、浏览器向WEB服务器发起Http请求五、服务器端处理六、关闭TCP链接七、游览器解析资源八、游览器布局渲染重绘回流 一、输入网址 二、浏览器查找域名的IP地址（DNS解析域名） 三、建立TCP连接（三次握手） 通俗化之后就是： 客户端：老弟我要跟你链接 服务端：好的，同意了 客户端：好嘞 四、浏览器向WEB服务器发起Http请求 五、服务器端处理 六、关闭TCP链接 上图
HTML JS获取当前页面URL
热门推荐
null
12-11 1万+
HTML/CSS/JS 目录：https://blog.csdn.net/dkbnull/article/details/87934939   &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;s
浏览器输入url到页面展示出来的全过程
never_33的博客
02-17 194
浏览器输入url到页面展示出来的全过程
详解JavaScript操作URL的方法（单页应用常用）
大菜鸟的博客
02-05 5717
详解JavaScript操作URL的方法（单页应用常用）JavaScript拥有许多可以操作浏览器历史记录的方法，不管是普通页面跳转，还是单页应用哈希值变化，我们都会经常与这些方法打交道，尤其在单页应用中这些方法几乎是页面路由的核心方法。本文将详细讨论这些方法。1.document.locationlocation是最有用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功
js 获取url的多种方式
qq_36657291的博客
08-29 1万+
js 获取url的多种方式。
js操作url
QWERTY55555的专栏
12-09 1430
js
js对url常用操作
apanpan8126的博客
06-12 282
【代码】js对url常用操作。
浏览器输入URL后发生的一系列操作详解
首先，浏览器会对输入的URL进行解析。它会首先判断输入的内容是否是一个合法的URL，还是一个待搜索的关键词。这个过程会涉及到自动补全和字符编码等操作。另外，如果网站启用了HSTS（HTTP Strict Transport Security...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值