HTML中的＜a＞＜/a＞标签除了跳转页面以外还有一个很牛逼的功能就是，两个html页面之间传递参数

如何传递参数

<a href="product.jsp?data=<%=str%>&data1=<%=xi%>&data2=<%=pr%>">

1. JSP动态内容渲染：使用<%=变量名%>语法在HTML中插入Java变量值,也就是说这个是我当时根据自己的需要改进的，下面是规范的传参代码：

<a href="product.jsp?data=xxx&data1=xxx&data2=xxx"> xxxxxx </a>

如何在另一个获取这个数据

// 获取URL中的查询参数
function getQueryParam(name) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(name);
}

// 解析并显示数据
const data = getQueryParam("data");
const data1 = getQueryParam("data1");
const data2 = getQueryParam("data2");

var img=document.querySelector("#img");
img.src=data;
document.getElementById("shang").innerHTML=data1;
document.getElementById("price").innerHTML=data2;
var flag=true;

• 从当前页面的URL查询参数中获取data、data1、data2三个参数值

• 将这些值分别设置到页面元素的src属性或innerHTML中

• 初始化一个flag变量为true

学习点：

1. URL参数解析：使用URLSearchParamsAPI解析查询字符串

2. DOM操作：通过document.querySelector和getElementById获取DOM元素

3. 元素属性修改：设置img的src属性和元素的innerHTML

4. 变量声明：使用const和var声明变量（注意新旧语法差异）