两个独立静态htm页面间如何传值

最新推荐文章于 2025-08-11 19:52:03 发布
原创 最新推荐文章于 2025-08-11 19:52:03 发布 · 649 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了一个简单的示例，展示了如何使用JavaScript在两个HTML页面之间传递值。具体实现方式为，从一个页面打开另一个页面，并通过调用opener对象将值传回原页面。

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

下面是个例子:

第一个页面： a.html

<html>
 <head>
 </head>
 <body>
 <script language="javascript" type="text/javascript">
  function Open()
  {
   window.open('b.html');
  }
 </script>
 <form>
 <input type="text" id="tbValue"><a href="#" onclick="Open()">Open</a>
 </form>
 </body>
</html>

第二个页面： b.html

<html>
 <head>
 </head>
 <script language="javascript" type="text/javascript">
  function SetValue(value)
  {
   self.opener.document.all("tbValue").value=value;
  }
 </script>
 <body>
 Values:<br/> 
 <a href="javascript:SetValue('1')">value 1</a><br/>
 <a href="javascript:SetValue('2')">value 2</a>
 </body>
</html>

 

 

 

tinelonly
关注
javascript静态页面传值的三种方法分享
10-26
在Web开发中，静态页面之间的数据传递是一个常见的需求，尤其在客户端JavaScript开发中，我们需要了解如何在不同页面间交换信息，以便于实现复杂的用户交互。本文将详细探讨JavaScript静态页面传值的三种方法，并对...
winform 传递 传值
12-03
标题“winform 传递 传值”和描述指出，我们关注的是如何在先后创建的两个WinForm窗体实例之间传递值。下面将详细解释这一过程。 首先，让我们澄清一些基本概念。在.NET Framework中，WinForms应用程序由一个或多个...
两个独立静态htm页面间的传值
weixin_30577801的博客
03-04 90
Post.htm <input type="text" name="username"><input type="text" name="sex"><input type="button" onclick="Post()" value="Post"><script language="javascript" >function Post(){...
静态html页面传递参数,javascript实现静态页面之间的传值
weixin_42525601的博客
06-03 776
静态页面之间传值有多种方法：1、通过url 2、通过cookie 3、window.open传值 4、HTML5 localStorage传值方法一：url传值主要原理是：通过GET方法然后获取URL从中解析出传递的数据，实现代码如下:静态页面一：index.htmlshopping car静态页面二：Read.htmlhuanglw/**--------------- Read.htm --...
两个HTML页面之间如何传值
热门推荐
小瑾沐晚风的博客
11-08 2万+
参考博客：https://blog.youkuaiyun.com/csdn_ds/article/details/78393564 问题 因最近尝试实现客户端与服务端分离，服务端只提供接口，客户端用html+js实现，分成两个独立的项目部署，因项目是个人项目，客户端展示不考虑使用像Angular、Vue、Native这种前端框架实现，于是全部使用静态页面实现，请求数据用ajax，在开发的过程中，就遇到了页...
javascript HTML静态页面传值的四种方法
xfxf996的博客
01-01 834
本文转载自：https://www.cnblogs.com/edwinchan/p/6387056.html 作者：EdwinChan 转载请注明该声明。 一：JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm 1 代码如下: 2 ...
静态html页面传递参数,javascript静态页面传值的三种方法分享
weixin_36447179的博客
06-03 542
一：JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htmfunction Post(){//单个值 Read.htm?username=baobao;//多全值 Read.htm?username=baobao&sex=male;url = "Read.htm?username="+escape(document.all.userna...
Javascript静态页面的三种传值方式
漫长学习路
12-12 1100
cookie优点:可以在同源内的任意网页内访问.生命期可以设置.缺点:值长度有限制.Cookie是浏览器存储少量命名数据.它与某个特定的网页或网站关联在一起.Cookie用来给浏览器提供内存,以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据.这里推荐使用jquery的cookie.js下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery
js静态页面间的传值
黄长旭的专栏
03-07 4738
一：JavaScript静态页面值传递之URL篇 能过URL进行传值.把要传递的信息接在URL上. 例子： 参数传出页面Post.htm—>   function Post() { 　　//单个值 Read.htm?username=baobao; 　　//多全值 Read.htm?username=baobao&sex=male; 　　url = "Read.h
JS页面间传值
YeaH_Chen的博客
12-26 429
一：JavaScript静态页面值传递之URL篇 能过URL进行传值.把要传递的信息接在URL上. 例子： 参数传出页面Post.htm—>   function Post() { 　　//单个值 Read.htm?username=baobao; 　　//多全值 Read.htm?username=baobao&se
静态页面之间如何传值
weixin_30289831的博客
12-16 118
一：JavaScript静态页面值传递之URL篇 能过URL进行传值.把要传递的信息接在URL上. 例子： 参数传出页面Post.htm—> <inputtype="text"name="username"> <inputtype="text"name="sex"> <inputtype="button"value="Post"&g...
Java开发技术大全(500个源代码).
12-02
outputMax.java 求两个数中的最大数 overflowExample.java 演示溢出 precedence.java 演示自加运算符的优先级 primeNumber.java 输出100-200之间的所有素数 ranking.java 评定成绩等级 rankingBySwitch.java ...
前端工程化：pinia
最新发布
西岭千秋雪的博客
08-11 394
本文介绍了Pinia作为Vue.js官方推荐的状态管理库，用以解决组件间数据共享和状态同步问题。文章首先说明状态管理的必要性，随后详细讲解Pinia的初始化配置，包括安装、挂载和Store创建（包含state、getter、action）。最后通过示例展示如何在组件中使用Store，实现数据获取和渲染。Pinia能有效简化复杂应用的状态管理，提升开发效率。
Vue3学习之创建vue3项目文件
2301_76989410的博客
08-09 365
Vue3是一个更高效、轻量级的渐进式JavaScript框架，专注于构建用户界面。本文介绍了Vue3项目创建流程：首先安装Node.js并验证环境；然后通过PyCharm创建项目文件夹，使用npm命令初始化Vue项目并选择配置（建议选择TypeScript）；最后清理默认文件结构，开始自定义开发。文中还详细说明了如何删除默认组件代码，为个性化开发做好准备。
HENGSHI SENSE 6.0 功能-AI 查数助手
zandy1011的博客
08-11 301
AI查数助手6.0版本实现重大升级，全面优化BI和数据分析能力。新版本显著提升问答效率，通过流程优化使响应速度提升20%-40%，稳定在10秒内完成。新增ReactJSSDK支持，可无缝嵌入企业现有AI应用。同时推出基于钉钉/企微/飞书的Chatbot数据问答机器人，支持PC/移动端跨平台使用，让企业用户能随时随地通过办公软件快速查询数据。这些升级使企业能更高效利用数据资源，提升决策效率。
使用萤石云播放视频及主题模版配置
多看书少吃饭的博客
08-07 735
本文介绍了如何在H5页面中集成萤石云视频播放功能。首先需要安装ezuikit-js依赖，然后通过EZUIKitPlayer组件传入accessToken和视频URL即可实现基础播放功能。文章详细说明了两种版本（UIKIT和UIKITPRO）的区别，并提供了完整的代码示例，包括视频容器设置、自动播放配置和样式调整。此外，还介绍了如何通过template字段自定义视频主题模板，包括官方模板和自定义模板两种方式。最后提及了WEB端和H5端均可进行模板配置，为开发者提供了完整的萤石云视频接入解决方案。
IntelliJ IDEA 新手全方位使用指南
hy行者勇哥的博客
08-09 1156
本文面向刚接触软件开发、使用 IntelliJ IDEA 的新手，详细介绍了 IDEA 的背景、版本区别、核心功能、运行原理、界面操作、项目管理、运行配置、以及 Git 版本控制基础。文章突出实用操作和理解流程，帮助新手快速熟悉IDEA环境，顺利完成项目启动、调试和版本管理。
【JS】扁平树数据转为树结构
此人太懒，没有任何简介
08-07 450
摘要：本文展示了如何将扁平数据结构转换为树形结构的JavaScript实现。通过buildTree函数，可以根据指定的ID和父ID字段将扁平数据转换为嵌套的树形结构，并可选地删除空子节点。示例代码演示了如何将包含公司部门信息的扁平数据转换为层级分明的树状结构，结果输出为JSON格式的树形数据。该工具函数适用于处理组织机构、菜单等需要层级展示的数据场景。
Flutter页面间传值及跳转操作详解
在Flutter开发中，页面之间的数据传递是经常会遇到的一个场景，尤其是在用户完成某些操作后需要返回到前一个页面，并携带结果数据。Flutter框架提供了灵活的路由管理和数据传递机制来处理这类需求。本文将详细解读在...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值