文章目录

• • • 一、html+css+js 填写表单实现下一步上一步操作
    • 二、JavaScript 中 style.display 属性
    • 三、html 静态页面传值的几种方法
    • 四、javascript 中的打印方法有几种
    • 五、获取th:each 索引值并拼接字符串

一、html+css+js 填写表单实现下一步上一步操作

来源：https://blog.csdn.net/qq_37591637/article/details/88983516

商铺名称


上一步下一步

手机号码


上一步下一步

实体店地址


上一步

二、JavaScript 中 style.display 属性

来源：https://www.pxcodes.com/Codes/158683783591873.html

三、html 静态页面传值的几种方法

来源：https://www.cnblogs.com/1998xujinren/p/11153912.html

  当然有一种方式是在页面跳转前，先发个请求到后台将值存储到session中，跳转后再发个请求到后台取出。这种方式不仅仅慢而且还特别耗费资源。

  以下有其他的几种方式：

方式1：使用拼接地址的方法。就是在跳转地址后面拼接参数。如下：

post1.html：

名字：密码：

get1.html：

名字：密码： 

  这种方法简单有效，但是数据量有限制。

  从地址栏获取参数的手段，但是还有其他的手段。

post4.html：

名字：
密码：

get4.html：

名字：
密码：

方式2：使用本地存储的cookie。

post2.html：

名字：
密码：

get2.html：

名字：
密码：

  关于cookie就是要注意有些浏览器是不支持的，同时还需要注意cookie的时效的问题，cookie是可以设置失效时间的。关于cookie的解析也要注意一下。

方式3：localStorage

post3.html：

名字：
密码：

get3.html：

名字：
密码：

  这种方法简单有效，同时还不需要字符串解析。非常的有意思。但是要注意浏览器的版本支持，所以在使用前请判断是否支持。

  sessionStorage 和 localStorage 的区别是：
  1、localStorage的存储时间是永久的，若想要删除，需要人为删除；存储大小一般为5M；
  2、sessionStorage针对一个session进行数据存储，生命周期与session相同，当用户关闭浏览器后，数据将被删除。

注意：如果application.property 配置了 spring.resources.static-locations 参数可能会导致访问静态页面不成功。
 

四、javascript 中的打印方法有几种

  在JavaScript 中，我们通常会使用以下三种方式来打印数据：

• 使用 window.alert() 写入警告框
• 使用 document.write() 写入 HTML 输出
• 使用 console.log() 写入浏览器控制台

五、获取th:each 索引值并拼接字符串

    

-->

注：用 th:text 不会解析 html，用 th:utext 会解析 html，在页面中显示相应的样式。