Javascript带参跳转页面

最新推荐文章于 2024-05-15 21:03:59 发布

ZOE^V1

最新推荐文章于 2024-05-15 21:03:59 发布

阅读量918

点赞数

分类专栏： js 文章标签： css html 前端 javascript

本文链接：https://blog.csdn.net/weixin_52568554/article/details/123961833

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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>

ZOE^V1

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript带参跳转页面

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> <b
复制链接

扫一扫