html跳转页面携带数据

html跳转页面携带数据，源码如下：

第一个页面

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Page 1</title>
</head><body><input type="button" value="切换" onclick="switch2Page()"><script>function switch2Page() {console.log("switch to 2");//切换页面，传递数据并进行编码window.location.href = "ws1.html?ob=" + encodeURI("hello world");}</script></body></html>

第二个页面

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Page 2</title>
</head><body><p>Page 2</p><p class="textOb"></p><input type="button" value="返回" onclick="back1Page()"><script>var loc = location.href;var n1 = loc.length;var n2 = loc.indexOf("=");var ob = loc.substring(n2 + 1);//解码ob = decodeURI(ob);var node = document.querySelector(".textOb");node.innerText = ob;function back1Page() {console.log("back 1");window.location.href = "ws.html"}</script>
</body></html>

html跳转页面携带数据相关推荐

SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回
SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回页面跳转设定 //转发会把后端携带的request和Response发送到前端jsp,在jsp中可以直接使用其中的数据/ ...
浏览器填写数据，跳转页面返回数据不消失
步骤一:点击按钮,保存数据,跳转页面 $("#userAgree").on("click",function(){var obj = {};obj.userna ...
js layui跳转页面_Layui数据表格跳转到指定页的实现方法
Layui数据表格跳转到指定页的实现方法 1.获取数据表格下分页组件中的页码输入框,具体元素在Elements中位置如下 2.获取上述input并设置其value属性值为目标跳转页面页码 $(&quo ...
Vue刷新、跳转页面的数据保存方法： sessionStorage + Object.assign()
直接上代码跳页面时,保存当前Data的数据 methods: { // 一.// 跳转页面Goxxx () {// 保存当前页面上data数据sessionStorage.setItem('data ...
微信小程序跳转页面携带参数
小程序跳转页面并携带参数,有两种情况,一是在wxml里通过navigator url跳转,一种是在js里通过点击事件跳转,下面案例为跳转详情页面在wxml中: <view class='wai ...
vue跳转页面携带参数并且立即执行方法
1.首先定义跳转函数这个是链接跳转 <a href="javascript:void(0)" onclick="openPage()">位移变化趋 ...
vue跳转页面携带参数
2017年的时候使用Vue2.0做过一个系统,之后一直就在做JQuery,巩固了基础和数据库.java 的知识.2019年4月份开始用vue2.x来写,vue的基础的东西还是需要记录一下的. 页面跳转 ...
layui跳转页面传递数据
1,html页面,这个界面接收数据 <style>#job-update {padding: 20px 25px 25px 0;}#job-update .layui-form-label ...
微信小程序：页面跳转时传递数据到另一个页面
一.功能描述页面跳转时,同时把当前页面的数据传递给跳转的目标页面,并在跳转后的目标页面进行展示二.功能实现 1. 代码实现 test1页面 // pages/test1/test1.js Page ...
Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题
前言:这周在使用 Ajax+Thymeleaf 时遇到一个问题,折腾了我很久,在此记录一下 Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题问题描述我的目的:通过 Aja ...

html跳转页面携带数据

html跳转页面携带数据相关推荐

最新文章

热门文章