在html界面获取地址栏内传过来的值的三种方法

本文介绍了在HTML中接收地址栏参数的三种方法:通过window.location.search,window.location.href,以及使用正则表达式解析URL。示例代码详细展示了如何获取并显示参数值。
摘要由CSDN通过智能技术生成

在HTML中接收地址栏中传递的参数方法有如下三种:

window.open ("11.htm?aa="+dd);问题就是从11.htm中接收aa的值

解决方案如下:

1.使用 window.location.search 来取得后面的参数

// param 为 参数的名称
function getParameter(param)
{
 var query = window.location.search;
 var iLen = param.length;
 var iStart = query.indexOf(param);
 if (iStart == -1)
  return "";
 iStart += iLen + 1;
 var iEnd = query.indexOf("&", iStart);
 if (iEnd == -1)
  return query.substring(iStart);

 return query.substring(iStart, iEnd);
}

然后调用getParameter 方法: var temp = getParameter("aa");

2.使用 window.location.href 来取得后面的参数

 var url=window.location .href;
  var aa=url.indexOf('=');

if (aa == -1)
  return &#

谷歌浏览器并不能直接屏蔽其地址栏,因为地址栏是浏览器的核心组成部分之一,用于向用户提供网站的URL、搜索查询等信息,并支持导航浏览网页的功能。如果试图屏蔽地址栏,则可能会影响用户的正常使用,甚至违背了浏览器的基本安全性和功能性原则。 然而,在特定场景下,比如企业内部网络或者特定应用程序中,可能有需求在视觉上模拟出"屏蔽地址栏"的效果。这时可以通过自定义应用UI、嵌入式的web框架或者是特殊工具来实现。以下是一种基于JavaScript的简单示例: 1. 使用`<iframe>`标签加载当前的网页URL到一个新的上下文内,并隐藏该`<iframe>`元素的边框和滚动条,以此达到"屏蔽"浏览器底部的行为。这样做的前提是页面内容应该能够正常适配该`<iframe>`的高度,避免显示原始的浏览器地址栏。 示例代码如下: ```html <iframe id="hiddenIframe" style="border:none; overflow:hidden;"> <!-- 这里可以插入原始网页的内容,比如使用javascript获取并填充iframe src属性 --> <!-- 可能的js代码 --> <!-- const url = 'https://www.example.com'; --> <!-- document.getElementById('hiddenIframe').src = url; --> </iframe> ``` 2. 对于更复杂的情况,可能需要结合前端框架(如React、Vue等),以及使用CSS和JavaScript进行精细的DOM操作和样式定制,以实现在特定布局或界面内的地址栏模拟。 请注意,这种方式仅适用于特定用途,不应作为常规的浏览器使用模式。在实际操作中,应优先考虑用户体验和标准实践,避免采取破坏浏览器基本功能的做法。若需针对特定环境或项目实施此类非标准设计,应确保充分测试,并得到明确的用户同意或指导。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值