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

location.href用法总结(最主要的)_基础知识

php中文网
发布： 2016-05-16 17:06:38
原创
1452人浏览过

javascript中的location.href有很多种用法，主要如下。

self.location.href=”/url” 当前页面打开URL页面

location.href=”/url” 当前页面打开URL页面

windows.location.href=”/url” 当前页面打开URL页面，前面三个用法相同。

this.location.href=”/url” 当前页面打开URL页面

parent.location.href=”/url” 在父页面打开新页面

top.location.href=”/url” 在顶层页面打开新页面

如果页面中自定义了frame，那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址

此外，window.location.href=window.location.href;和window.location.Reload()和都是刷新当前页面。区别在于是否有提交数据。当有提交数据时，window.location.Reload()会提示是否提交，window.location.href=window.location.href;则是向指定的url提交数据

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：JS字符串截取函数实例_javascript技巧 下一篇：SinaEditor使用方法详解_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
ES6箭头函数详解_javascript新特性 箭头函数是ES6引入的简洁函数语法，使用=>定义，支持隐式返回且不绑定独立this，而是继承外层作用域的this值。它不能作为构造函数，无prototype属性和arguments对象，需用剩余参数替代。适用于数组方法回调、避免this指向错误的场景，但不可用于需要动态this的对象方法或构造函数中。正确理解其特性可提升代码安全性和可读性。
2025-12-03 02:47:25
245
JavaScript加密算法_javascript数据安全 JavaScript可通过WebCryptoAPI实现AES、RSA、SHA-256等加密，用于前端数据保护，但因代码公开，密钥不可硬编码，敏感操作需后端完成，应结合HTTPS与短期Token提升安全，遵循前端加密为辅、后端验证为主、传输安全为基础的原则。
2025-12-03 01:49:26
494
剪切板操作实现_复制粘贴功能的兼容性处理 优先使用AsyncClipboardAPI并降级至document.execCommand，结合运行时能力检测与权限判断，确保跨浏览器兼容性。
2025-12-03 00:37:28
159
错误边界处理机制_React组件级别的错误捕获 错误边界是React中用于捕获子组件错误并渲染降级UI的类组件，通过实现staticgetDerivedStateFromError和componentDidCatch方法来处理渲染、生命周期或构造函数中的错误，防止应用崩溃。它适用于第三方组件异常或动态内容出错等场景，但无法捕获事件处理器、异步操作或自身抛出的错误。结合Sentry可上报错误日志，提升应用稳定性与用户体验。
2025-12-02 20:25:02
323
JavaScript类继承机制_javascript面向对象 JavaScript的类继承基于原型链，ES6的class语法提供更直观的面向对象编程方式。通过extends实现继承，子类可重写方法并用super调用父类构造函数或方法，静态方法也可被继承与重写，例如Dog继承Animal并重写speak方法，同时super确保正确初始化父类属性，而底层仍依赖原型链查找机制，理解super使用和原型原理有助于写出清晰可维护的代码。
2025-12-02 20:23:27
335
javascript_如何实现数据可视化 JavaScript实现数据可视化需将数据转为图形，常用Chart.js、D3.js等库快速构建图表，或用Canvas/SVG原生绘图；通过fetch获取数据并动态更新视图，如Chart.js调用update()刷新，最终实现交互式可视化。
2025-12-02 20:23:02
451
JavaScript类型转换机制剖析_避免隐式转换带来的陷阱 JavaScript类型转换包括转为字符串、数字和布尔值，隐式转换易引发bug，如[]==false为true；应使用===、显式转换及Symbol.toPrimitive避免问题。
2025-12-02 20:22:44
564
物理引擎集成_使用Matter.js实现碰撞效果 Matter.js是轻量级2D物理引擎，用于实现网页中物体下落、碰撞、反弹等真实交互；首先通过CDN引入库文件，创建Engine、Render、World实例并运行；接着使用Bodies.rectangle、Bodies.circle等方法创建地面和动态物体，设置restitution、friction、density等属性控制物理行为；通过World.add将物体加入世界；可监听collisionStart事件实现碰撞响应，如播放音效或改变样式；注意避免过多活动物体、防止高速穿透、标记静态物体
2025-12-02 20:21:00
197
JavaScript位运算技巧_javascript底层操作 JavaScript位运算将数字转为32位整数操作，支持按位与、或、异或、取反及移位操作，可用于奇偶判断、快速乘除、变量交换、标志位管理等场景，提升性能。
2025-12-02 20:19:37
266
JavaScript符号类型应用_javascript唯一标识 Symbol是JavaScript中的原始类型，用于创建唯一不可变值，常作为对象属性键以避免命名冲突。通过Symbol()函数生成，即使描述相同也互不相等，确保唯一性。Symbol属性不会被for...in或Object.keys()遍历，需用Object.getOwnPropertySymbols()访问。可用于模块间安全添加属性，防止覆盖。内置well-knownSymbols如Symbol.iterator、Symbol.toStringTag可自定义对象行为，实现可迭代、修改toStri
2025-12-02 20:19:15
845
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部