如何使用js获取修改URL

使用js对当前的URL进行 *** 作，可以使用内置对象windowlocation；

windowlocation有以下属性：

windowlocationhref：取得当前地址栏中的完整URL，可以通过赋值改变当前地址栏中的URL；

windowlocationsearch 取得当前URL的参数部分，即“”后面的部分（包括问号），可以通过赋值改变URL的参数部分；

windowlocationhash：取得当前URL中包含的锚记，即“#”后面的部分（包括#），可以通过赋值改变URL的锚记部分;

windowlocationhost：取得当前URL中的主机信息，包括端口号，可以通过赋值改变主机信息；

windowlocationhostname：取得当前URL中的域名部分，不包括端口号，可以通过赋值改变域名；

windowlocationport：取得当前URL中的端口号，可以通过赋值改变端口号；

windowlocationpathname：取得当前URL中的路径信息，即域名与参数之间的部分，可以通过赋值改变当前URL的路径；

windowlocationprotocol：取得当前URL的协议部分，比如>

设置或获取对象指定的文件名或路径。

<script>

alert(windowlocationpathname)

</script>

设置或获取整个 URL 为字符串。

<script>

alert(windowlocationhref);

</script>

设置或获取与 URL 关联的端口号码。

<script>

alert(windowlocationport)

</script>

设置或获取 URL 的协议部分。

<script>

alert(windowlocationprotocol)

</script>

设置或获取 href 属性中在井号“#”后面的分段。

<script>

alert(windowlocationhash)

</script>

设置或获取 location 或 URL 的 hostname 和 port 号码。

<script>

alert(windowlocationhost)

</script>

设置或获取 href 属性中跟在问号后面的部分。

<script>

alert(windowlocationsearch)

</script>

示例：

URL： >

有几种方法可以让前端页面不需要加载URL获取：

将作为Base64编码字符串嵌入HTML中。这样，你就可以使用以下代码在页面中显示，而无需加载URL：

<img src="data:image/png;base64,iVBORw0KGg" alt="My Image">

使用JavaScript的FileReader对象读取本地文件。你可以使用以下代码实现这一点：

<input type="file" id="fileInput">

<script>

const fileInput = documentgetElementById("fileInput");

fileInputaddEventListener("change", () => {

const file = fileInputfiles[0];

const reader = new FileReader();

readeraddEventListener("load", () => {

// 将显示在页面上

const img = documentcreateElement("img");

imgsrc = readerresult;

documentbodyappendChild(img);

});

readerreadAsDataURL(file);

});

</script>

在这里，我们使用FileReader对象的readAsDataURL()函数读取本地文件，然后将显示在页面上。

方法如下：

1采用正则表达式获取地址栏参数：

代码如下：

function GetQueryString(name)

{

var reg = new RegExp("(^|&)"+ name +"=([^&])(&|$)");

var r = windowlocationsearchsubstr(1)match(reg);

if(r!=null)return unescape(r[2]); return null;

}

// 调用方法

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

2例子:

若地址栏URL为：abchtmlid=123&url=>

以上就是关于如何使用js获取修改URL全部的内容，包括:如何使用js获取修改URL、js获取历史url、如何用JS得到当前页面的URL信息等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！