请帮助我获取URL路径

Question

我需要一个JavaScript代码。我是新来的，所以听不懂。我的网址是：website.com/new/?user = RANDOMUSER

我将如何仅显示RANDOMUSER来自URL。谢谢

Answer 1

您可以使用URLSearchParams

const url = 'website.com/new/?user=RANDOMUSER';
const urlParams = new URLSearchParams(url.split('?')[1]);
const user = urlParams.get('user')

Answer 2

有两种方法，第一种也是更容易的一种方法是使用2018年引入的URLSearchParams。

URLSearchParams

第二个方法是使用regex，这是一种旧方法，较复杂，但可靠。

const url = 'website.com/new/?user=RANDOMUSER';

const urlParams = new URLSearchParams(url.split('?')[1]);
const myParam = urlParams.get('user');

console.log(myParam)

Answer 3

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

console.log(getParameterByName('user', 'website.com/new/?user=RANDOMUSER'))

const getQueryParams = ( params, url ) => {
  
  let href = url;
  //this expression is to get the query strings
  let reg = new RegExp( '[?&]' + params + '=([^&#]*)', 'i' );
  let queryString = reg.exec(href);
  return queryString ? queryString[1] : null;
};
document.getElementById('username').innerHTML = getQueryParams('user','website.com/new/?user=RANDOMUSER');

Answer 4

解决方案在这里！

<h1 id="username">Hello</h1>