location对象的属性或方法(location常用属性)

http://www.itjxue.com  2023-01-24 15:24  来源:未知  点击次数: 

location常用的三个属性是什么?作用分别是?

1.location 地址对象描述的是某一个窗口对象所打开的地址。表示当前窗口的地址,只需使用“location”就行;若要表示某一个窗口的地址,就使用“.location”。具体如下: 第一、location 属性、用法以及相关示例: Location包含了关于当前 URL 的信...

javascript的location用法

location对象 含有当前URL的信息. 譬如document.location.href=''来改变url

浏览器中的windows对象的使用方法?

IE window对象

window对象表示浏览器中打开的窗口,提供关于窗口状态的信息。可以用window对象访问窗口中绘制的文档、窗口中发生的事件和影响窗口的浏览器特性。

浏览器在打开HTML文档时生成window对象。如果文档定义一组帧,则浏览器对原文档生成 一个window对象,并对每个帧生成window对象。 这些对象是原父窗口的子窗口。父窗口中的动作会影响子窗口:例如,如果关闭父窗口,则子窗口也关闭。也可以通过用showModalDialog方法, 生成新窗口,从而生成新的window对象。

---IE window对象的属性---

属性 作用

client 保存浏览器版本与名称信息及其启用特性的信息

closed 窗口关闭时返回(true表示窗口关闭,否则为false)

defaultStatus 提供窗口状态条中显示的缺省消息

dialogArguments 返回从主窗口传递给模态对话框的变量或变量数组

dialogHeight 返回对话框的高度

dialogLeft 返回对话框左边坐标

dialogTop 返回对话框上边坐标

dialogWidth 返回对话框的宽度

document 提供窗口的文档对象引用

event 提供窗口的事件对象引用

history 提供窗口的历史对象引用

length 提供集合中的元素个数

location 提供文档的URL

name 指定窗口或帧的名称

navigator 提供窗口的浏览器对象引用

offscreenBuffering 指定是否对文档使用屏外缓冲

opener 提供生成当前窗口的窗口引用

parent 返回父窗口:对于通过FRAME生成的窗口,父窗口是FRAMESET元素所在的窗口

returnValue 指定从模态对话框返回主窗口的数值

screen 提供窗口的屏幕对象引用

self 提供引用当前窗口或帧的办法

status 设置或返回窗口底部状态条中的消息

top 返回最上层窗口对象,它是自己的父对象

window 提供当前窗口的引用,与self相同

返回顶部

---IE window对象的方法---

方法 作用

alert 显示带消息和OK按钮的alert对话框

blur 使对象失去焦点并激活onBlur事件

clearInterval 取消由setInterval启动的间隔

clearTimeout 取消由setTimeout设置的超时

close 关闭当前浏览器窗口

confirm 显示带消息和OK按钮及Cancel 按钮的确认对话框

execScript 执行指定的脚本

focus 使控件取得焦点并执行由onFocus事件指定的代码

navigate 显示某个URL,只用于VBScript

open 打开新窗口并装入指定URL文档

prompt 显示带消息和输入字段的提示对话框

scroll 相对于整个文档冼窗口滚动指定X和Y偏离量

setInterval 在指定毫秒数后重复求值一个表达式

setTimeout 在指定毫秒数后求值一个表达式

showHelp 显示指定URL的帮助文件

showModalDialog 将HTML文档作为模态对话框打开

返回顶部

---IE window对象的事件---

事件

发生时

onBeforeunload 页面删除之前。这个事件可以让用户不离开页面。可以用脚本编一个事件处理器,显示一个对话框,让用户选择不离开页面

onBlur 对象失去焦点时

onError 装入文档或图形发生错误时

onFocus 对象取得焦点时

onHelp 用户按F1键或单击浏览器Help按钮时

onLoad 浏览器打开指定对象之后

onResize 窗口调整尺寸时

onScroll 滚动框移动时

onUnload 页面删除之前

返回顶部

IE history对象

history对象保存当前对话中用户访问的URL信息。它的length属性提供浏览器历史清单中的项目个数。它的方法如表所示,可用于在历史清单中移动。

---IE history对象方法---

方法

作用

Back 装入历史清单中上一个URL的文档

Forward 装入历史清单中下一个URL的文档

Go 装入历史清单中指定位置的文档

返回顶部

IE location对象

location对象提供当前页面的URL信息。它的方法可以重装当前页面或装入新页面。表列出了location对象的属性和方法。

---IE location对象的属性---

属性

作用

Hash 返回HREF中#号后面的字符串

Host 提供URL的hostname:port部分

Hostname 提供URL的hostname部分

Href 提供整个URL

Pathname 提供URL中第三个斜杠后面的文件名

Port 返回URL的端口号

Protocol 返回表示URL访问方法的首字母子串

Search 提供完整URL中?号后面的查询字符串

返回顶部

IE navigator对象

navigator对象保存浏览器厂家、版本和功能的信息,共五个属性。

---IE navigator对象的事件---

属性

作用

AppCodeName 提供浏览器的代码名

AppName 提供浏览器的产品名

AppVersion 提供浏览器的版本号

CookieEnabled 表示浏览器是否允许客户机方Cookie

UserAgent 作为HTTP协议的一部分发送的浏览器名

返回顶部

IE screen对象

screen对象的属性保存最终用户的屏幕分辨率和屏幕绘制文档的功能的信息。这个信息在设置浏览器窗口的特征时或要选择几个图形这一以充分利用和最终用户的屏幕特性时很有用。表列出了screen对象的属性。

---IE screen对象的事件---

属性

作用

colorDepth 返回用户系统支持的最大颜色个数信息

height 提供用户屏幕的总高度

pixelDepth 提供系统每个象素占用的位数

updateInterval 保持用户机器上屏幕更新的间隔

width 提供用户屏幕的总宽度

前端必备基础知识:window.location 详解

前端开发人员对 window.location 对象应该不陌生,通过它不但可以获取当前页面的地址信息,还可以修改某些属性,实现页面跳转和刷新等。

我们以一个常见的 URL 为例,看看 window.location 包含哪些属性和方法。

window.location 含义 .origin URL 基础地址,包括协议名、域名和端口号 .protocol 协议 ( http: 或 https: ) .host 域名+端口号 .hostname 域名 .port 端口号 .pathname 路径(以 / 开头) .search 查询字符串,以 ? 开头 .hash 页面锚点,以 # 开头 .href 完整 URL

比较容易混淆的是 host 和 hostname 这两个属性,区别是前者还包含了端口号。

以上属性除了 origin 是只读属性,其他都可以修改。修改后的效果就是跳转到相应的新地址。

window.location 返回 Location 类型的一个实例对象,包含当前页面的地址信息。可以通过以下几种方式访问:

这几个变量都是等价的,因为它是全局变量。但是建议避免直接用 location 变量,因为很容易跟其他局部变量混淆,造成不必要的麻烦。比如:

推荐用 window.location ,这样一眼就可以看出用的是全局变量。

window.location 动作

.assign() 导航到指定 URL .replace() 导航到指定 URL并删除当前页面的访问记录 .reload() 重新加载当前页面 .toString() 返回 URL 字符串

.toString() 和 .href 都是返回 URL,它们之间有区别吗?结果是一样的,性能上稍微有点差别。通过 JSPerf 上的性能测试结果可以看出, .href 稍快,通过 window.location 拼接字符串的形式速度最慢。

.assign() 和直接修改 href 是等价的,那么它们跟 .replace() 的区别是什么呢?

.assign() 在跳转新地址的同时会留下当前页面的访问记录,点击浏览器返回按钮会回到原来的页面, .replace() 则不会保留。

.assign() 执行流程:

.replace() 执行流程:

这个特性在用 JS 控制页面导航时非常重要,稍不注意会造成意外的的页面回退地址。

请问在javascript中window.location和window.location.href的区别在哪,为什么前者跳转速度比后者快。

window.location是页面的位置对象,window.location.href是

location的一个属性值,并且它是location的默认属性就是说对window.location直接赋值一个url实际上就是对window.location.href赋值。location对象除了有href属性外还有很多其他属性和方法,而href就是一个字符串

只不过修改location的href会触发浏览器加载

href所指向的url

因此不存在前者速度比后者快的。

btw:你判断前者比后者快的依据是什么?事实上,加载同一个url的速度不一定每次都一样,这个受当时的网络状况,页面内容是否已经有被缓存等有关。

(责任编辑:IT教学网)

更多

推荐新手入门文章