~~~ <script> /* * queryURLParams：獲取地址欄中問號傳參的信息 * 'http://www.zhufengpeixun.cn/?lx=1&name=JS&from=baidu#video' 解析問號和井號后面的值，最后得到一個包含信息的對象 => { lx:1, name:'JS', from:'baidu', HASH:'video' } */ /* function queryURLParams(url) { // 1.創建A標簽（A元素對象）來獲取到問號參數和哈希值 let link = document.createElement('a'); link.href = url; let askText = link.search.substr(1), polText = link.hash.substr(1), obj = {}; // 2.向對象中進行存儲 polText ? obj['HASH'] = polText : null; if (askText) { let arr = askText.split(/(?:&|=)/g); //=>同時按照兩個字符來拆分：["lx", "1", "name", "JS", "from", "baidu"] for (let i = 0; i < arr.length; i += 2) { // console.log(arr[i], arr[i + 1]); 屬性名和屬性值 obj[arr[i]] = arr[i + 1]; } } return obj; } let result = queryURLParams('http://www.zhufengpeixun.cn/?lx=1&name=JS&from=baidu#video'); console.log(result); */ /* <!-- <a href="http://www.zhufengpeixun.cn/?lx=1&name=JS&from=baidu#video" id="link"> 在JS中獲取的A元素對象，包含很多內置屬性，存儲對于HREF地址的解析： search:'?lx=1&name=JS&from=baidu', hash:'#video', host:'www.zhufengpeixun.cn', ... --> */ </script> <script> // 咱們正式課講完正則，大家就會了 /* (proto => { function queryURLParams() { let obj = {}; this.replace(/([^?=&#]+)=([^?=&#]+)/g, (_, key, value) => obj[key] = value); this.replace(/#([^?=&#]+)/g, (_, hash) => obj['HASH'] = hash); return obj; } proto.queryURLParams = queryURLParams; })(String.prototype); console.log('http://www.zhufengpeixun.cn/?lx=1&name=JS&from=baidu#video'.queryURLParams()); */ </script> ~~~