HTML页面之间通过url传递变量。

最新推荐文章于 2024-09-02 20:20:53 发布

小瓜666

最新推荐文章于 2024-09-02 20:20:53 发布

阅读量76

点赞数 3

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_73268668/article/details/141430801

版权

变量传递

源页面

function navigateToIndex() {
            const targetUrl = `index.html?param=${param}`;
            window.location.href = targetUrl;
        }

<div id="index0" class="index0" onclick="navigateToIndex()">
        <a href="#">return Avatar</a>
    </div>

目标页面

function getQueryParam(paramName) {
			const queryString = window.location.search;
			const urlParams = new URLSearchParams(queryString);
			return urlParams.get(paramName);
		}
		document.addEventListener('DOMContentLoaded', function() {
    const paramValue = getQueryParam('param'); 
    alert(paramValue);