window.location 对象
window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。window.location 对象在编写时可不使用 window 这个前缀。
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议(http:// 或 https://)
window.location.href= "http://www.xxxxxxxx.net" 跳转后有后退功能
window.location.replace("http://www.xxxxxxxx.net") 跳转后没有后退功能
window.open("http://www.xxxxxxxx.net") 在新的窗口打开链接,一般用于简单的d出页面,现在基本上都被屏蔽掉
window.location.reload( )刷新当前页面.
parent.location.reload( )刷新父亲对象(用于框架)
opener.location.reload( )刷新父窗口对象(用于单开窗口)
top.location.reload( )刷新最顶端对象(用于多开窗口)
window.history 对象
window.history 对象包含浏览器的历史。window.history对象在编写时可不使用 window 这个前缀。
window.history.back() - 加载历史列表中的前一个 URL,与在浏览器点击后退按钮相同,
window.history.forward() -加载历史列表中的下一个 URL。 与在浏览器中点击按钮向前相同
window.navigator 对象
window.navigator 对象包含有关访问者浏览器的信息,来自 navigator 对象的信息具有误导性,不应该被用于检测浏览器版本,这是因为:
navigator 数据可被浏览器使用者更改
一些浏览器对测试站点会识别错误
浏览器无法报告晚于浏览器发布的新 *** 作系统
window.navigator 对象在编写时可不使用 window 这个前缀。
window.navigator.appCodeName返回浏览器的代码名。
window.navigator.appName返回代表浏览器名的字符串。
window.navigator.appMinorVersion返回浏览器的次版本号。该属性是一个只读的字符串。仅IE有效。
window.navigator.userAgent返回代表浏览器名和版本号的字符串。
window.navigator.platform返回浏览器平台的字符串("Win32", "Win16", "WinCE", "Mac68k", "MacPPC", "HP-UX", "SunOS" 等)。
window.navigator.cpuClass 返回CPU的信息("x86", "68K", "Alpha", "PPC" 等)。仅IE有效。
window.navigator.browserLanguage返回浏览器的语言种类。仅IE有效。
window.navigator.systemLanguage返回系统的语言种类。仅IE有效。
window.navigator.userLanguage userLanguage 返回用户环境的语言种类。仅IE有效。
window.navigator.cookieEnabled返回 cookie 是否可用的真伪值。
window.navigator.onLine返回是否能连上网络的真伪值。
window.navigator.javaEnabled()返回 Java 是否可用的真伪值。
window.navigator.userProfile保存着用户信息的对象。拥有 addReadRequest() doReadRequest() getAttribute() clearRequest() 等方法。
window.navigator.taintEnabled() 是否可以加密数据的真伪值。仅IE有效。
window对象的一些其它方法
setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。
window.setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
window.setTimeout() - 暂停指定的毫秒数后执行指定的代码
window.clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。
window.clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。
window.alert()- 警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行 *** 作。
window.prompt()- 确认框用于使用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续进行 *** 作。如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
window.confirm()- 提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续 *** 纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸
window.frameElement 获取当前文档的宿主节点iframe元素
window.execScript() execScript函数与eval的功能相同,不同的是eval函数执行后的脚本的作用域是当前执行上下文,而execScript则总是针对全局作用域。
本篇文章主要是对jswindow.onload
加载多个函数和追加函数进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
平时做项目
经常需要使用window.onload,
用法如下:
function
func(){alert("this
is
window
onload
event!")return}
window.onload=func
或者如下:
window.onload=function(){alert("this
is
window
onload
event!")return}
但window.onload
不能同时加载多个函数。
比如:
function
t(){
alert("t")
}
function
b(){
alert("b")
}
window.onload
=t
window.onload
=b
后面会把前面的覆盖,上面代码只会输出
b。
此时可用如下方法解决:
window.onload
=function()
{
t()
b()
}
另一种解决方法如下:
代码如下:
function
addLoadEvent(func)
{
var
oldonload
=
window.onload//得到上一个onload事件的函数
if
(typeof
window.onload
!=
'function')
{//判断类型是否为'function',注意typeof返回的是字符串
window.onload
=
func
}
else
{
window.onload
=
function()
{
oldonload()//调用之前覆盖的onload事件的函数---->由于我对js了解不多,这里我暂时理解为通过覆盖onload事件的函数来实现加载多个函数
func()//调用当前事件函数
}
}
}
//(完整示例)使用如下:
function
t(){
alert("t")
}
function
b(){
alert("b")
}
function
c(){
alert("c")
}
function
addLoadEvent(func)
{
var
oldonload
=
window.onload
if
(typeof
window.onload
!=
'function')
{
window.onload
=
func
}
else
{
window.onload
=
function()
{
oldonload()
func()
}
}
}
addLoadEvent(t)
addLoadEvent(b)
addLoadEvent(c)
//等价于
window.onload
=function()
{
t()
b()
c()
}
个人以为直接使用隐式函数(如:window.onload
=function()
{
t()
b()
c()
})更快捷,当然使用
addLoadEvent
更professional,各取所好吧!
JS
window.onload追加函数:
代码如下:
<script>
if(window.attachEvent)//IE:如果浏览器中存在window.attachEvent函数则使用window.attachEvent函数,判断是否是IE还可以使用:if
(document.all){//..}
window.attachEvent("onload",function()
{alert("add
method")})
else
//FireFox
window.addEventListener("load",function()
{alert("add
method")},true)
</script>
运行,js中alertd出消息,问题解决。
============相关资料================
attachEvent
将指定函数绑定到事件,以便每当该事件在对象上触发时都调用该函数。
Internet
Explorer
从
5.0
开始提供了一个
attachEvent
方法,使用这个方法,就可以给一个事件指派多个处理过程了。attachEvent
对于目前的
Opera
也适用。但是
Mozilla/Firefox
并不支持这个方法。但是它支持另一个
addEventListener
方法,这个方法跟
attachEvent
差不多,也是用来给一个事件指派多个处理过程的。但是它们指派的事件有些区别,在
attachEvent
方法中,事件是以
“on”
开头的,而在
addEventListener
中,事件没有开头的
“on”,另外
addEventListener
还有第三个参数,一般这个参数指定为
false
就可以了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)