location对象的属性或方法(location常用属性)
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的速度不一定每次都一样,这个受当时的网络状况,页面内容是否已经有被缓存等有关。