js向html 传递参数

最新推荐文章于 2021-07-02 00:18:00 发布

NPPPNHHH

最新推荐文章于 2021-07-02 00:18:00 发布

阅读量4.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： html function null

本文链接：https://blog.youkuaiyun.com/Heng_Ji/article/details/7069311

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何在JS函数中获取并处理变量值，然后将其传递给HTML页面上的输入框。通过使用window.open方法打开新窗口，并在URL中携带变量值，实现数据的跨页面传递。

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

 
 js 文件function a(){
	show_modelId += model_id;
	window.open("a.htm?show_modelId="+show_modelId+"",'','height=400,width=800,location=yes');
}   把show_modelId 的值传递到页面 
a.html

<input type="text" name="hidden_ID"  ID="hidden_ID" style="width: 300px;"/>
  <script>
//获得参数的方法
var request =
{
QueryString : function(val)
{
var uri = window.location.search;
var re = new RegExp("" +val+ "=([^&?]*)", "ig");
return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null);
}
}
</script> <script>//调用方法获得参数var modelid = request.QueryString("show_modelId");document.getElementById("hidden_ID").value=modelid;</script>