在HTML页面间传值，通常有几种方法：URL参数、表单提交、Cookies、Session和LocalStorage，下面分别介绍这几种方法的实现方式。

成都创新互联主要业务有网站营销策划、成都网站设计、成都网站制作、微信公众号开发、微信小程序开发、H5响应式网站、程序开发等业务。一次合作终身朋友，是我们奉行的宗旨；我们不仅仅把客户当客户，还把客户视为我们的合作伙伴，在开展业务的过程中，公司还积累了丰富的行业经验、全网营销推广资源和合作伙伴关系资源，并逐渐建立起规范的客户服务和保障体系。 

1、URL参数

URL参数是一种最简单的传值方式，通过在URL中添加参数，将数据从一个页面传递到另一个页面，这种方式的缺点是参数暴露在URL中，不安全且可读性差。

有一个页面index.html，需要跳转到detail.html并传递一个参数id：

    
    
    


    跳转到详情页

在detail.html中，可以通过JavaScript获取URL中的参数：

2、表单提交

表单提交是一种常用的传值方式，通过表单将数据发送到服务器，服务器处理后返回结果，这种方式的优点是安全性较高，但需要服务器端的支持。

有一个页面index.html，包含一个表单：

    
    
    


    

        ID：
        
        
    

在detail.html中，可以通过JavaScript获取表单中的参数：

3、Cookies和Session（服务器端）

Cookies和Session是在服务器端存储数据的方式，可以实现不同页面之间的数据共享，这种方式的优点是可以存储大量数据，但需要服务器端的支持。

在PHP中设置一个Session变量：

在另一个PHP页面中获取Session变量：

4、LocalStorage（浏览器端）

网站栏目：html页面间如何传值
本文网址：https://chengdu.cdxwcx.cn/article/djdjhij.html