页面跳转

最新推荐文章于 2024-02-09 08:00:00 发布

木槿晞

最新推荐文章于 2024-02-09 08:00:00 发布

阅读量210

点赞数

分类专栏：课程文章标签： js

本文链接：https://blog.csdn.net/xyw_jzj5201314/article/details/109633814

版权

课程专栏收录该内容

21 篇文章 0 订阅

订阅专栏

页面跳转

01页面

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 100px;
            height: 100px;
            background-color: palegreen;
        }
    </style>
</head>

<body>
    <!-- <a href="02页面.html">跳转</a> -->
    <form action="02页面.html">
        请输入用户名：<input type="text" name="uname"><br>请输入密码：<input type="password"><br>
        <input type="submit">
    </form>
    <!-- 1、在form表单action 指定跳转的地址
2、在提交的内容 指定name名称
 -->

</body>
<script>
    // var div = document.querySelector("div");
</script>

</html>

02页面

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <span></span>欢迎
</body>
<script>
    var span = document.querySelector("span");
    var value = location.search;
    var arr = value.split("=");
    span.innerHTML = arr[1]
        // 1、通过locationsearch获取地址栏参数 ？uname=123
        // 2、以=定形式分割数组 value.split("=")
        // 3\获取索引1
</script>

</html>

木槿晞

关注

0
点赞
踩
0

收藏

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

页面跳转01页面<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div
复制链接

扫一扫