两个HTML 页面间的数据传递

柔光的暖阳◎ 2021-12-17 13:17 300阅读 0赞

<html>
    
    <head lang="en">
        <meta charset="UTF-8">
        <title> 起始页面 </title>>
    </head>
    
    <body>
        <form action="page02.html" method="GET">
            用户名:<input name="username" type="text" SIZE="10"><br> 密  码:
            <input name="password" type="password" SIZE="10"><br>
            <button type="submit">提交</button>  
            <button type="reset">重置</button>
        </form>
    </body>
    
    </html>

第二个页面：命名page02.html

<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title> 目标页面 </title>
        <script type="text/javascript">
            var url = document.URL;
            document.write("URL:" + url + "<br>");
            var strQuery = url.split("?")[1]
            document.write("查询字符串:" + strQuery + "<br>")
            document.write(" 解析查询字符串:" + " < br >")
            var conditions = strQuery.split(" & ")
            for (var i = 0; i < conditions.length; i++) {
                var pair = conditions[i].split("=")
                var key = pair[0];
                var value = pair[1];
                document.write(key + ":" + value + "<br>")
            }
        </script>
    </head>
    
    <body>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，300人围观）

还没有评论，来说两句吧...

相关阅读

相关用HTML5里的window.postMessage在两个网页间传递数据

估计很少人知道HTML5 APIS里有一个[window.postMessage API][]。`window.postMessage`的功能是允许程序员跨域在两个窗口/fra

以你之姓@/ 2022年11月26日 01:42/ 0 赞/ 186 阅读

相关 php实现两网页互联,HTML5中使用postMessage实现两个网页间传递数据

估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送

本是古典何须时尚/ 2022年11月18日 10:56/ 0 赞/ 95 阅读

相关前端页面间数据传递常用的几种方式

1、常用方式 url页面路径携带参数传递 localStorage方式传递 sessionStorage方式传递 cookie的方式传递 2、

「爱情、让人受尽委屈。」/ 2022年10月01日 06:59/ 0 赞/ 240 阅读

相关 HTML页面间数据传递,利用JS进行页面跳转

可以利用HTML5的新特性localStorage来进行数据传递,这个就相当于是缓存.采用键值对的方式存取数据.存的数据是全局的. localStorage.setI

╰+攻爆jí腚メ/ 2022年09月17日 01:55/ 0 赞/ 278 阅读

相关页面间数据传递url传参 vs sessionStorage

项目中经常会碰到的一个问题就是前端ajax从后台请求到了数据，比如用户登录信息，这时候后面的子页面都会用到这些数据；后端希望相同的数据前端可以不走ajax而用之前请求的数据

不念不忘少年蓝@/ 2022年06月09日 06:39/ 0 赞/ 251 阅读

相关 Html页面与页面间的交互

分别为：`window.parent` 与 `window.opener`两者 -------------------- 简单介绍： 1、`window.ope

妖狐艹你老母/ 2022年06月07日 11:18/ 0 赞/ 314 阅读

相关静态页面间传递参数

//获取get方式传递过来的参数 function GetArgsFromHref(sHref, sArgName){ 　　v

怼烎@/ 2022年04月01日 14:29/ 0 赞/ 306 阅读

相关两个html页面之间传递值的方法

1、利用页面链接传递，用？号链接，不过这样传递中文会麻烦些，数字挺方便的。页面一： <script> function to()\{ var getval =

墨蓝/ 2022年03月30日 10:38/ 0 赞/ 929 阅读

相关 javaScript不同页面间传递参数

1传递参数的页面test01.htm <script type="text/javascript"> function send() \{ v

爱被打了一巴掌/ 2022年01月21日 05:37/ 0 赞/ 307 阅读

相关两个HTML 页面间的数据传递

<html> <head lang="en"> <meta charset="UTF-8"> <title> 起

柔光的暖阳◎/ 2021年12月17日 13:17/ 0 赞/ 301 阅读