js a标签 href传递参数

<a href="https://example.com/page?param1=value1&param2=value2">Go to Page</a>

<a href="https://example.com/page#section1=value1&section2=value2">Go to Section</a>

<a href="https://example.com/page?name=John Doe">Go to Page</a>

const name = "John Doe";
const encodedName = encodeURIComponent(name);
const url = `https://example.com/page?name=${encodedName}`;
document.getElementById('myLink').href = url;

function createLink(baseUrl, params) {
    const queryString = Object.keys(params).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`).join('&');
    return `${baseUrl}?${queryString}`;
}

const baseUrl = "https://example.com/page";
const params = { param1: "value1", param2: "value2" };
const link = createLink(baseUrl, params);

document.getElementById('myLink').href = link;

window.addEventListener('hashchange', () => {
    const hashParams = new URLSearchParams(window.location.hash.slice(1));
    console.log(hashParams.get('section1'));
    console.log(hashParams.get('section2'));
});