Javascript带参跳转页面

page1

<!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 = "url读取参数.html?ob=" + encodeURI("hello world");}</script></body></html>

page2

<!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;console.log(loc)var n1 = loc.length;var n2 = loc.indexOf("=");var ob = loc.substring(n2 + 1);//解码/*decodeURI()定义和用法：decodeURI() 函数可对 encodeURI() 函数编码过的URI 进行解码语法：decodeURI(URIstring)参数 描述：URIstring 必需。一个字符串，含有要解码的 URI 或其他要解码的文本。返回值：URIstring 的副本，其中的十六进制转义序列将被它们表示的字符替换。decodeURIComponent()定义和用法：decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。语法：decodeURIComponent(URIstring)参数 描述：URIstring 必需。一个字符串，含有编码 URI 组件或其他要解码的文本。返回值：URIstring 的副本，其中的十六进制转义序列将被它们表示的字符替换。*/ob = decodeURI(ob);var node = document.querySelector(".textOb");node.innerText = ob;function back1Page() {console.log("back 1");window.location.href = "url带参跳转页面.html"}</script>
</body></html>

Javascript带参跳转页面相关推荐

SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回
SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回页面跳转设定 //转发会把后端携带的request和Response发送到前端jsp,在jsp中可以直接使用其中的数据/ ...
微信小程序之页面带参跳转
页面跳转参数传递有很多中方式,这里只说一种非常简单的. 一.单一参数传递第一个页面跳转代码: Click: function () {console.log("我来啦")let ...
怎么不让html网页自动跳转,javascript怎么禁止跳转页面？
JavaScript中可以通过在点击跳转页面时调用preventDefault()方法来禁止页面跳转.preventDefault()方法可以取消事件的默认动作. 如果在点击时候调用preventDe ...
带id跳转页面,另一个页面拿id
js获取上一个页面带过来的id方法之一前提: 在viewspot.html页面中通过 <a :href="'updateviewspot.html?id='+place.sid&qu ...
php带参数跳转页面,如何带参数跳转php界面_后端开发
访问php报404错误的原因_后端开发访问php报404错误的原因:1.php文件丢失或被删除而导致的,可以通过检查php文件是否存在来解决:2.URL访问路径输入错误所导致的,可以通过仔细核对UR ...
VUE：组件间相互跳转、页面带参跳转
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 只是记录下用法: 从 A 页面跳转到 B 页面. 如下写法: A 页面跳转方式: 代码: getda ...
JSP页面带参跳转html页面
<% response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY); String newLocn="https://www ...
html十秒倒计时跳转,javascript实现倒计时跳转页面
很多网页都有类似的效果,那就是经过指定的时间能够跳转到其他页面,如果再人性化一点话,会带有倒计时效果,本章节就介绍一下如何实现此效果,代码实例如下: var t=10; setInterval(&qu ...
nginx实现网站url带参跳转 POST请求GET请求跳转
应工作需求,访问一个网站时直接跳转到另一个url 目标URL http://123.com.cn/123/123.action?id=3 但是跳转的目标url是带参数的,用传统的方法会在最后加上 '/ ...
js带参数跳转页面解决中文乱码问题
decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码. 上一页传参: back(){window.location.href = ...

Javascript带参跳转页面

Javascript带参跳转页面

page1

page2

Javascript带参跳转页面相关推荐

最新文章

热门文章