Html页面传参获取代码

最新推荐文章于 2025-05-27 13:59:24 发布

原创最新推荐文章于 2025-05-27 13:59:24 发布 · 772 阅读

0 ·

CC 4.0 BY-SA版权

Web前端开发专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在前端开发中常见的需求：如何从URL中获取特定参数，并在页面加载后利用这些参数进行个性化展示或行为调整。通过示例代码解释了如何定义全局变量并使用自定义函数`getUrlParam()`来读取URL中的`Compy`参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

"<a href="index-02-index.html?Compy=跳转" />首页跳转</a>//Compy就是参数，首页就是值

代码说明:
当你点击（首页跳转）文字的超链接的时候，进入首页，他就会带着这个Compy=跳转，这个Compy的值到那个首页跳转的页面中。
然后你再通过下列的代码获取到这个Compy的值

var  title  //这个是全局变量，这里定义是让好理解
 var CompyType = getUrlParam("Compy");//这里用getUrlParam()这个函数来获取值
 //alert(ComyType)； 这个弹出CompyType的值，有可能是Null或者是undefined
        if (ComyType != null || ComyType != undefined) {
            title = ComyType;
        }//这个判断是为了防止他有时候会获取到Null或者Undefined，然后页面报错