html页面如何传参

在HTML页面中，可以通过URL参数或表单提交的方式传递参数。

HTML页面传参

创新互联自2013年起，是专业互联网技术服务公司，拥有项目成都网站设计、成都网站制作网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元灵丘做网站,已为上家服务,为灵丘各地企业和个人服务,联系电话:18980820575

在HTML中，我们通常使用超链接（标签）或者表单（

标签）来传递参数，以下是两种常见的传参方式：

1. 使用超链接传参

通过在URL中添加查询字符串（query string），我们可以将参数附加到URL上，查询字符串以问号（?）开头，后面跟着键值对，键值对之间用&分隔。

假设我们有一个名为example.html的页面，我们想要传递两个参数name和age，可以这样写：

点击这里跳转

在example.html页面中，可以通过JavaScript获取这些参数：

function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}
var name = getQueryString("name");
var age = getQueryString("age");

2. 使用表单传参

我们还可以使用HTML表单来收集用户输入的数据，并在提交表单时将这些数据作为参数传递。

创建一个包含姓名和年龄字段的表单：


    姓名：
    
    

    年龄：

当用户填写表单并点击提交按钮时，浏览器将导航到example.html页面，并将表单中的参数附加到URL上，与使用超链接传参的方式类似。