window.open()和window.location进行页面跳转和打开总结
admin
撰写于 2022年 09月 01 日

windows.open("URL","窗口名称","窗口外观设定");

点击这里

点击这里

[javascipt:]window.open("Webpage.asp?",Derek,"height=100,width=100,status=yes,toolbar=yes, menubar=no,location=no");

此语句打开一个新窗口,页面为webpage.asp,参数为var,名字为Derek,高为100,宽为100,显示状态栏和工具条,不显示菜单和地址。

具体总结的各个属性参数如下:

window = object.open(URL , features ]]])

URL:新窗口的URL地址

name:新窗口的名称,可以为空

featurse:属性控制字符串,在此控制窗口的各种属性,属性之间以逗号隔开。

fullscreen= { yes/no/1/0 } 是否全屏,默认no

channelmode= { yes/no/1/0 } 是否显示频道栏,默认no

toolbar= { yes/no/1/0 } 是否显示工具条,默认no

location= { yes/no/1/0 } 是否显示地址栏,默认no

directories = { yes/no/1/0 } 是否显示转向按钮,默认no

status= { yes/no/1/0 } 是否显示窗口状态条,默认no

menubar= { yes/no/1/0 } 是否显示菜单,默认no

scrollbars= { yes/no/1/0 } 是否显示滚动条,默认yes

resizable= { yes/no/1/0 } 是否窗口可调整大小,默认no

width=number 窗口宽度(像素单位)

height=number 窗口高度(像素单位)

top=number 窗口离屏幕顶部距离(像素单位)

left=number 窗口离屏幕左边距离(像素单位)

关于本题中,第二个参数的详解:

name可以为:

_blank 表示新开一个窗口,

_parent表示父框架窗口,

_self表示覆盖该窗口,

一、关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法
"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

举例说明:

如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

"window.location.href"、"location.href":D页面跳转

"parent.location.href":C页面跳转

"top.location.href":A页面跳转

如果D页面中有form的话,

: form提交后D页面跳转
: form提交后弹出新页面

: form提交后C页面跳转

二、window.location.href和window.location.replace的区别

1.window.location.href=“url”:改变url地址;

2.window.location.replace(“url”):将地址替换成新url,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,
因此当使用replace方法之后,你不能通过“前进”和“后 退”来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!

三、强制页面刷新

1.window.location.reload():强制刷新页面,从服务器重新请求!

============================================================================================

四、window.location.reload();页面实现跳转和刷新

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
这几个都可以刷新
window.location.reload();刷新
window.location.href=window.location.href;刷新
window.close();关闭窗口,不弹出系统提示,直接关闭 
window.close()相当于self属性是当前窗口
window.parent.close()是parent属性是当前窗口或框架的框架组
页面实现跳转的九种方法实例:

setTimeout('window.navigate("top.html");',2000);
setTimeout('window.document.location.href="top.html";',2000);
setTimeout('window.document.location="top.html";',2000);
setTimeout('window.location.href="top.html";',2000);
setTimeout('window.location="top.html";',2000);
setTimeout('document.location.href="top.html";',2000);              
setTimeout('document.location="top.html";',2000);
setTimeout('location.href="top.html";',2000);
setTimeout('location.replace("top.html")',2000);
//window对象
    //document对象
        //location对象
            //href属性
            //1.window.document.location.href
            //2.window.document.location
            //3.window.location.href
            //4.window.location
           
            //5.document.location.href
            //6.document.location
            //7.location.href
            //8.window.navigate
            //9.location.replace
            //只要使用location方法,和任意的window对象,location对象,href属性连用,都可以页面的跳转 



页面将在2秒后跳转

解释:
location是个对象,比如本页的document.location和window.location的属性有
location.hostname = community.csdn.net
location.href = http://community.csdn.net/Expert/topic/4033/4033372.xml?temp=2.695864E-02
location.host = community.csdn.net
location.hash =
location.port =
location.pathname = /Expert/topic/4033/4033372.xml
location.search = ?temp=2.695864E-02
location.protocol = http:
可见href是location的属性,类别是string。

window.open()和window.location进行页面跳转和打开总结

windows.open("URL","窗口名称","窗口外观设定");

点击这里

点击这里

[javascipt:]window.open("Webpage.asp?",Derek,"height=100,width=100,status=yes,toolbar=yes, menubar=no,location=no");

此语句打开一个新窗口,页面为webpage.asp,参数为var,名字为Derek,高为100,宽为100,显示状态栏和工具条,不显示菜单和地址。

具体总结的各个属性参数如下:

window = object.open(URL , features ]]])

URL:新窗口的URL地址

name:新窗口的名称,可以为空

featurse:属性控制字符串,在此控制窗口的各种属性,属性之间以逗号隔开。

fullscreen= { yes/no/1/0 } 是否全屏,默认no

channelmode= { yes/no/1/0 } 是否显示频道栏,默认no

toolbar= { yes/no/1/0 } 是否显示工具条,默认no

location= { yes/no/1/0 } 是否显示地址栏,默认no

directories = { yes/no/1/0 } 是否显示转向按钮,默认no

status= { yes/no/1/0 } 是否显示窗口状态条,默认no

menubar= { yes/no/1/0 } 是否显示菜单,默认no

scrollbars= { yes/no/1/0 } 是否显示滚动条,默认yes

resizable= { yes/no/1/0 } 是否窗口可调整大小,默认no

width=number 窗口宽度(像素单位)

height=number 窗口高度(像素单位)

top=number 窗口离屏幕顶部距离(像素单位)

left=number 窗口离屏幕左边距离(像素单位)

关于本题中,第二个参数的详解:

name可以为:

_blank 表示新开一个窗口,

_parent表示父框架窗口,

_self表示覆盖该窗口,

一、关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法
"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

举例说明:

如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

"window.location.href"、"location.href":D页面跳转

"parent.location.href":C页面跳转

"top.location.href":A页面跳转

如果D页面中有form的话,

: form提交后D页面跳转
: form提交后弹出新页面

: form提交后C页面跳转

二、window.location.href和window.location.replace的区别

1.window.location.href=“url”:改变url地址;

2.window.location.replace(“url”):将地址替换成新url,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,
因此当使用replace方法之后,你不能通过“前进”和“后 退”来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!

三、强制页面刷新

1.window.location.reload():强制刷新页面,从服务器重新请求!

============================================================================================

四、window.location.reload();页面实现跳转和刷新

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
这几个都可以刷新
window.location.reload();刷新
window.location.href=window.location.href;刷新
window.close();关闭窗口,不弹出系统提示,直接关闭 
window.close()相当于self属性是当前窗口
window.parent.close()是parent属性是当前窗口或框架的框架组
页面实现跳转的九种方法实例:

setTimeout('window.navigate("top.html");',2000);
setTimeout('window.document.location.href="top.html";',2000);
setTimeout('window.document.location="top.html";',2000);
setTimeout('window.location.href="top.html";',2000);
setTimeout('window.location="top.html";',2000);
setTimeout('document.location.href="top.html";',2000);              
setTimeout('document.location="top.html";',2000);
setTimeout('location.href="top.html";',2000);
setTimeout('location.replace("top.html")',2000);
//window对象
    //document对象
        //location对象
            //href属性
            //1.window.document.location.href
            //2.window.document.location
            //3.window.location.href
            //4.window.location
           
            //5.document.location.href
            //6.document.location
            //7.location.href
            //8.window.navigate
            //9.location.replace
            //只要使用location方法,和任意的window对象,location对象,href属性连用,都可以页面的跳转 



页面将在2秒后跳转

解释:
location是个对象,比如本页的document.location和window.location的属性有
location.hostname = community.csdn.net
location.href = http://community.csdn.net/Expert/topic/4033/4033372.xml?temp=2.695864E-02
location.host = community.csdn.net
location.hash =
location.port =
location.pathname = /Expert/topic/4033/4033372.xml
location.search = ?temp=2.695864E-02
location.protocol = http:
可见href是location的属性,类别是string。


版权属于:admin 所有,转载请注明文章来源。

本文链接: https://ishiguang.cn/16557.html

那年今日
09月
01日
下一篇
苍兰诀
赞 (0)

猜您想看

评论区(暂无评论)

这里空空如也,快来评论吧~

我要评论