js 操作location URL對象進行操作

?

把location 創建URL對象

構造器

new URL()

創建并返回一個URL對象,該URL對象引用使用絕對URL字符串,相對URL字符串和基本URL字符串指定的URL。

屬性

hash

包含'#'USVString,后跟URL的片段標識符。

host

一個USVString,其中包含域(即主機名),后跟(如果指定了端口)“:”和URL的端口。

hostname

包含 URL 域名的?USVString

href

包含完整 URL 的?USVString

origin?只讀

返回一個包含協議名、域名和端口號的?USVString

password

包含在域名前面指定的密碼的 ?USVString?。

pathname

以 '/' 起頭緊跟著 URL 文件路徑的?DOMString

port

包含 URL 端口號的?USVString

protocol

包含 URL 協議名的?USVString,末尾帶?':'。

search

一個USVString?,指示URL的參數字符串; 如果提供了任何參數,則此字符串包括所有參數,并以開頭的“?”開頭 字符。

searchParams?只讀

URLSearchParams對象,可用于訪問search中找到的各個查詢參數。

username

包含在域名前面指定的用戶名的?USVString

例如

new URL(location.href).searchParams.get('year')
// Returns 2008 for href = "http://localhost/search.php?year=2008".
// Or in two steps:
const params = new URL(location.href).searchParams;
const year = params.get('year');
URLSearchParams.append()
// 插入一個指定的鍵/值對作為新的搜索參數。
URLSearchParams.delete()
// 從搜索參數列表里刪除指定的搜索參數及其對應的值。
URLSearchParams.entries()
// 返回一個iterator可以遍歷所有鍵/值對的對象。
URLSearchParams.get()
// 獲取指定搜索參數的第一個值。
URLSearchParams.getAll()
// 獲取指定搜索參數的所有值,返回是一個數組。
URLSearchParams.has()
// 返回 Boolean 判斷是否存在此搜索參數。
URLSearchParams.keys()
// 返回iterator 此對象包含了鍵/值對的所有鍵名。
URLSearchParams.set()
// 設置一個搜索參數的新值,假如原來有多個值將刪除其他所有的值。
URLSearchParams.sort()
// 按鍵名排序。
URLSearchParams.toString()
// 返回搜索參數組成的字符串,可直接使用在URL上。
URLSearchParams.values()
// 返回iterator 此對象包含了鍵/值對的所有值。

?

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/247315.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/247315.shtml
英文地址,請注明出處:http://en.pswp.cn/news/247315.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

aspx,ascx和ashx使用小結

做asp.net開發的對.aspx,.ascx和.ashx都不會陌生。關于它們,網上有很多文章介紹。“紙上得來終覺淺,絕知此事要躬行”,下面自己總結一下做個筆記。 1、.aspx Web窗體設計頁面。Web窗體頁由兩部分組成:視覺元素(html、服…

vue3.x通過ref屬性獲取元素

在vue2.x中,可以通過給元素添加refxxx屬性,然后在代碼中通過this.$refs.xxx獲取到對應的元素 然而在vue3中時沒有$refs這個東西的,因此vue3中通過ref屬性獲取元素就不能按照vue2的方式來獲取vue3需要借助生命周期方法,原因很簡單…

vue3+TypeScript封裝echarts5組件

https://blog.csdn.net/qq_38330707/article/details/111497853 有用mark 等抽時間寫個vueTSecharts5.0的組件文章 寫個大概 帶 resize的 <template><div class"echarts" :id"id"></div> </template><script lang"ts&q…

How to Register COM in VS

在 Visual Studio .Net 部署項目中注冊 COM 模塊的步驟 將 COM 對象添加到 Visual Studio 部署項目。在解決方案資源管理器中&#xff0c;右鍵單擊剛添加的模塊&#xff0c;然后單擊屬性。注意&#xff1a;“屬性”窗口包含一個表&#xff0c;其中有兩列和 x 行&#xff08;行數…

css3 卡片hover3D效果

鼠標hover卡片 向上翻轉&#xff0c;看簡易代碼 <!DOCTYPE html> <html> <head><title>3D Flip Card hover effects</title><style type"text/css">* {margin: 0;padding: 0;font-family: consolas;box-sizing: border-box;}bo…

隨便貼兩個漏洞,如 Apache JServ協議服務

1、Apache JServ協議服務 描述&#xff1a;Apache JServ協議&#xff08;AJP&#xff09;是一種二進制協議&#xff0c;可以將來自Web服務器的入站請求代理到 位于Web服務器后面的應用程序服務器。不建議在互聯網上公開使用AJP服務。 如果AJP配置錯誤&#xff0c;可能會允許攻擊…

vue3學習筆記 Composition API setup

一、Composition API優勢 相對于vue2的option API Vue3的Composition API設計更有優勢 Composition(組合式)Api 功能分組 Composition(組合式)Api 功能導入復用 組合式Api 所解決的問題 (1) 更好的代碼組織結構 (2) 相同的代碼邏輯可以進行復用 home.vue 3種方式遞進升級…

【TCP傳輸數據-鍵盤錄入】

package com.yjf.esupplier.common.test;import java.io.*; import java.net.Socket;/*** author shusheng* description TCP 傳輸數據:鍵盤錄入* Email shushengyiji.com* date 2019/1/15 22:57*/ public class ClientDemo1 {public static void main(String[] args) throws I…

04

1、創建/guanli 目錄&#xff0c;在/guanli下創建zonghe 和 jishu 兩個目錄&#xff08;一條命令&#xff09; [rootlocalhost ~]# mkdir /guanli [rootlocalhost ~]# touch /guanli/zonghe [rootlocalhost ~]# touch /guanli/jishu [rootlocalhost ~]# ls /guanlix 2、添加組帳…

事件冒泡 bubbles cancelBubble stopPropagation() stopImmediatePropagation() 區別

<!DOCTYPE html> <html><head><meta charset"utf-8"><title>事件冒泡</title></head><body><h4>bubbles cancelBubble stopPropagation() stopImmediatePropagation() 區別</h4><input type"te…

vue2.0關于添加屬性后視圖不能更新的問題

屬性賦值和this.$set 和vue.$set方法我不行 可以用 this.$delete來進行刪除后在設置都可以了 轉載于:https://www.cnblogs.com/zhouyideboke/p/11276299.html

vite2.1 最新alias別名設置方式

vite.config.js 別名配置 resolve.alias 類型&#xff1a; Record<string, string> | Array<{ find: string | RegExp, replacement: string }> 將會被傳遞到 rollup/plugin-alias 作為 entries 的選項。也可以是一個對象&#xff0c;或一個 { find, replacement …

Java生鮮電商平臺-商城后臺架構與原型圖實戰

Java生鮮電商平臺-商城后臺架構與原型圖實戰 說明&#xff1a;生鮮電商平臺的運營平臺&#xff0c;其中需要很多的功能進行管理。目前把架構與原型圖實戰分享給大家&#xff0c;希望對大家有用. 儀表盤/首頁&#xff0c;簡單統計&#xff0c;報表頁&#xff0c;運營快捷口。實際…

antdesignvue upload vue3個人筆記待更新

remove點擊移除文件時的回調&#xff0c;返回值為 false 時不移除。支持返回一個 Promise 對象&#xff0c;Promise 對象 resolve(false) 或 reject 時不移除。Function(file): boolean | Promise無 beforeUpload上傳文件之前的鉤子&#xff0c;參數為上傳的文件&#xff0c;若…

logging模塊和包

日志模塊和包 logging logging模塊簡介 logging模塊是記錄我們軟件的各種狀態&#xff0c;還可以記錄各種交易信息 其實每個軟件都是有錯誤日志的,開發人員可以通過錯誤日志中的內容對他的程序進行修改 日志級別 import logginglogging.debug(調試debug) # DEBUG 10…

python軟件開發規范

軟件開發規范 什么是軟件開發規范&#xff1f; 好的設計項目目錄結構&#xff0c;就和編碼風格一樣&#xff0c;是每個程序員都有的風格&#xff0c;但是在流水化標準化作業過程中&#xff0c;個性和風格是 不被鼓勵的。如果你去維護一個非常不好讀的項目&#xff0c;雖然實現邏…

D3Vueecharts個人亂記

利用d3vue開發的一個網絡拓撲圖 https://copyfuture.com/blogs-details/20200710101052238h32wazjmcii49dr 一開始用的是echart畫的。 根據https://gallery.echartsjs.com/editor.html?cxH1Rkt3hkb&#xff0c;成功畫出簡單的節點關系。 如圖&#xff1a; 總結—— 【優…

vue中使用Vue-pdf在線預覽

下載 npm i vue-pdf 引入(在所需要預覽的頁面) <script>import axios from axiosimport pdf from vue-pdfimport CMapReaderFactory from vue-pdf/src/CMapReaderFactory.js // 加載中文的包export default {components: {pdf},data () {return {numPages:&#xff0c;…

oracle 自定義 聚合函數

Oracle自定義聚合函數實現字符串連接的聚合 create or replace type string_sum_obj as object ( --聚合函數的實質就是一個對象 sum_string varchar2(4000), static function ODCIAggregateInitialize(v_self in out string_sum_obj) return number, --對象初始化 member func…

Vue3里的setup中使用vuex

useStore 這里我們可以直接從vuex 4.X中解構出useStore方法&#xff0c;就可以在setup中使用vuex的相關函數 template 使用$store <template><div><h2>{{ $store.state.count }}</h2><button click"increaseCount">點擊</button…