微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

javascript静态页面传值的三种方法分享_javascript技巧

php中文网
发布： 2016-05-16 17:15:48
原创
1554人浏览过

一：JavaScript静态页面值传递之URL篇
能过URL进行传值.把要传递的信息接在URL上.
Post.htm

复制代码 代码如下:






Read.htm

Linfo.ai
Linfo.ai

Linfo AI 是一款AI驱动的 Chrome 扩展程序，可以将网页文章、行业报告、YouTube 视频和 PDF 文档转换为结构化摘要。

Linfo.ai 104
查看详情 Linfo.ai
复制代码 代码如下:


<script><BR>String.prototype.getQuery = function(name)<BR>{<BR>var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");<BR>var r = this.substr(this.indexOf("?")+1).match(reg);<BR>if (r!=null) return unescape(r[2]); return null;<BR>}<BR>var str ="www.jb51.net/index.htm?a=1&b=1&c=测试测试";<BR>alert(str.getQuery("a"));<BR>alert(str.getQuery("b"));<BR>alert(str.getQuery("c"));<BR></script>

优点:取值方便.可以跨域.
缺点:值长度有限制

二：JavaScript静态页面值传递之Cookie篇
Cookie是浏览器存储少量命名数据.
它与某个特定的网页或网站关联在一起.
Cookie用来给浏览器提供内存,
以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据.
Post.htm

复制代码 代码如下:




Read.htm

复制代码 代码如下:


优点:可以在同源内的任意网页内访问.生命期可以设置.
缺点:值长度有限制.

三：JavaScript静态页面值传递之Window.open篇
这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm
子窗口可以通过window.opener指向父窗口.这样可以访问父窗口的对象.
Post.htm

复制代码 代码如下:



Read.htm

优点:取值方便.只要window.opener指向父窗口,就可以访问所有对象.不仅可以访问值,还可以访问父窗口的方法.值长度无限制.
缺点:两窗口要存在着关系.就是利用window.open打开的窗口.不能跨域.

相关标签：
javascript

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：js禁止页面使用右键(简单示例代码)_javascript技巧 下一篇：js控制淡入淡出示例代码_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript模块化开发_javascript工程化 模块化开发通过拆分系统为独立单元提升代码可维护性与复用性，解决全局污染与依赖混乱问题；采用ESM和CommonJS规范实现静态或动态导入导出；借助Webpack、Vite等工具统一处理模块并优化输出；实践中应按功能划分、控制粒度、统一风格、抽离公共包，体现工程化思维。
2025-12-03 09:17:44
308
在Vitest中测试Vue动态导入组件的策略 本文深入探讨了在Vitest测试框架中，如何有效测试使用defineAsyncComponent进行动态导入的Vue3组件。核心挑战在于异步组件的加载时序问题，导致测试断言在组件渲染前执行。文章详细介绍了通过vi.dynamicImportSettled()方法，确保所有动态导入在测试断言前完成加载，从而解决测试不渲染内容的问题，并提供了完整的示例代码和测试策略。
2025-12-03 09:17:06
214
NPM包发布指南：如何正确处理模块间依赖，避免本地tgz文件路径问题 当发布NPM包时，在package.json中使用file:协议引用本地.tgz依赖是不被支持的。这种做法会导致消费者在安装该包时遇到packagenotfound或ENOENT等错误，因为NPM期望从注册表解析依赖，而非处理发布包中的本地文件路径。为确保模块正确安装，所有依赖项都应通过注册表发布或在Monorepo结构中进行管理。
2025-12-03 09:16:31
563
JavaScript属性描述符_javascript对象特性 属性描述符用于控制对象属性的行为，包括是否可写、可枚举和可配置。1.数据属性包含value、writable、enumerable和configurable四个特性，决定属性的值、可修改性、可枚举性和可配置性；2.使用Object.defineProperty()可设置单个属性描述符，如设writable为false实现只读；3.访问器属性通过get和set控制读写操作，不存储实际值；4.使用Object.defineProperties()可批量定义多个属性及其描述符；5.configurab
2025-12-03 09:08:02
623
javascript_事件委托的实现原理 事件委托基于事件冒泡机制，将事件监听器绑定在父元素上，通过e.target判断触发源并执行逻辑。当子元素触发事件时，事件会冒泡至父元素，由父元素统一处理，从而减少监听器数量、提升性能，并支持动态添加的元素无需重新绑定事件。例如在ul上绑定click事件，通过判断e.target是否为button来执行相应操作，适用于大量动态子元素场景。掌握冒泡机制和target属性是实现关键。
2025-12-03 09:05:02
963
JavaScript测试驱动_javascript质量保证 TDD通过“红-绿-重构”循环提升JavaScript项目质量：先写失败测试（红），再实现功能（绿），最后优化代码（重构）；配合Jest、Vitest等工具搭建测试环境，编写可读、独立、稳定的测试用例，覆盖核心逻辑；结合CI流程运行测试、检查覆盖率，防止回归问题；虽非万能，但坚持TDD可显著增强代码可靠性与可维护性。
2025-12-03 08:54:07
953
在父容器内实现可拖拽、可调整大小且边界受限的HTML元素 本文详细介绍了如何使用纯JavaScript和CSS，在指定父容器中实现子元素的拖拽移动和尺寸调整功能。教程涵盖了HTML结构、CSS样式以及核心JavaScript逻辑，重点讲解了如何确保子元素在操作过程中不超出父容器边界，同时优化用户交互体验，包括Z-index管理和状态代理机制。
2025-12-03 08:39:16
114
JavaScriptSVG操作指南_JavaScript矢量图形处理 掌握JavaScript操作SVG的方法，可实现动态图形与交互效果。1.使用document.createElementNS创建SVG元素，注意命名空间"http://www.w3.org/2000/svg"；2.通过setAttribute设置图形属性如fill、stroke、transform等；3.利用DOM事件实现点击变色、鼠标移动追踪等交互；4.结合requestAnimationFrame制作灵活动画；5.借助getScreenCTM转换坐标系，实现精准交互定位。核心在于理解命名空间
2025-12-03 08:28:02
621
JavaScript数据库操作_JavaScript数据持久化方案 JavaScript无内置数据库，但可通过多种方案实现数据持久化：浏览器端可用localStorage、sessionStorage、IndexedDB及CacheAPI；Node.js服务端可连接MySQL、PostgreSQL、MongoDB或SQLite；跨平台方案包括LevelDB、Firebase和Supabase，按场景选择可提升性能与开发效率。
2025-12-03 08:20:02
663
JavaScriptV8引擎_JavaScript底层原理探究 V8引擎通过解析器、Ignition解释器、TurboFan编译器和垃圾回收器协同工作，采用“解释+JIT”策略提升性能；利用隐藏类与内联缓存优化对象访问；基于分代回收机制管理内存，理解其原理有助于编写高效JavaScript代码。
2025-12-03 05:05:28
475
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部