Javascript带参跳转页面-CFANZ编程社区

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>

0 条评论