jquery 跨页面的锚点
要在页面之间创建跨页面的锚点,可以使用jQuery的$.param()方法和location.hash属性。
首先,在页面A中,将需要传递给页面B的参数使用$.param()方法编码,并将编码后的参数添加到页面B的URL中作为锚点:
var params = {
param1: 'value1',
param2: 'value2'
};
var encodedParams = $.param(params);
var url = 'pageB.html#' + encodedParams;
window.location.href = url;
然后,在页面B中,可以通过location.hash属性获取锚点的值,并使用$.deparam()方法解码参数:
var encodedParams = location.hash.substring(1); // 去除锚点符号 "#"
var params = $.deparam(encodedParams);
console.log(params.param1); // 输出 "value1"
console.log(params.param2); // 输出 "value2"
需要注意的是,上述代码需要在页面加载完成后执行,可以将代码放在$(document).ready()事件处理程序中,或者放在页面底部。
另外,需要在页面中引入jQuery库,可以使用以下CDN链接:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
这样就可以在页面之间创建跨页面的锚点,并传递参数
原文地址: https://www.cveoy.top/t/topic/iBd5 著作权归作者所有。请勿转载和采集!