用实例去看看url传参怎么用

最新推荐文章于 2024-05-24 13:50:55 发布

丑小鸭变黑天鹅

最新推荐文章于 2024-05-24 13:50:55 发布

阅读量2.2k

点赞数

分类专栏： javascript日常总结文章标签： javascript jquery html5

本文链接：https://blog.csdn.net/qq_41880073/article/details/115186069

版权

用实例去剖析url传参方式

常见的url传参

常见的url传参

1、传确定的值

url="https://www.baidu.com?data=123"

通过一个例子去看一下怎么用

思路：
从页面 a 通过 url ？后面的参数给页面b 传一个 index，页面b通过这个参数来控制该选项卡的切换
a页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a href="b.html?type=1">校园招聘</a>
		<a href="b.html?type=2">社会招聘</a>
		<a href="b.html?type=3">名企招聘</a>
	</body>
</html>

b页面：

<!DOCTYPE html>
<html lang="en">
 
    <head>
        <meta charset="UTF-8">
        <title>tab-JQ</title>
        <style>
            * {
    
                margin: 0;
                padding: 0;
                list-style: none;
            }           
            #wrap {
    
                margin: 90px 290px;
            }
            
            #tit {
    
                height: 30px;
                width: 600px;
            }
            
            #tit span {
    
                float: left;
                height: 30px;
                line-height: 30px;
                width: 200px;
                font-size: 20px;
                text-align: center;
                color: #000000;
                border-top: 1px solid #CCCCCC;
            }
            
            #con li {
    
                display: none;
                width: 600px;
                border: 1px solid #CCCCCC;

最低0.47元/天解锁文章

丑小鸭变黑天鹅

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
用实例去看看url传参怎么用

用实例去剖析url传参方式常见的url传参1、传确定的值2、传的是变量3、传定值（多个）4、传变量（多个）常见的url传参1、传确定的值url="https://www.baidu.com?data=123"通过一个例子去看一下怎么用思路：从页面 a 通过 url ？后面的参数给页面b 传一个 index，页面b通过这个参数来控制该选项卡的切换a页面<!DOCTYPE html><html> <head> <meta charset="u
复制链接

扫一扫

专栏目录