Window对象
窗口操作
Window对象对操作浏览器窗口非常有用,开发者可以移动或调整浏览器窗口的大小。可用四种方法实现这些操作:
moveBy(dx,dy):把浏览器窗口相对当前位置水平移动dx个像素,垂直移动dy个像素。dx值为负左移,dy为负上移。
moveTo(x,y):移动浏览器窗口,使它的左上角位于用户屏幕的(x,y)处。可以使用负数,不过这样会把部分窗口移出屏幕的可视区域。
resizeBy(dw,dh):相对浏览器窗口当前大小,把窗口的宽度调整dw个像素,高度调整dy个像素。dw、dy为负时缩小窗口。
resizeTo(w,h):把窗口的宽度调整为w,高度调整为h,不能使用负数。
注,FireFox跟Chrome默认不允许进行此操作,要在安全设置里更改
效果(在IE浏览器中有效果):
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
导航和打开新窗口
导航和打开新窗口用 window.open() 方法,该方法接受四个参数,即要载入新窗口的页面的URL,新窗口名字,特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。一般只用前三个参数,最后一个参数只有在window.open()打不开新窗口时才有效。
第三个参数可选值如下:
top=pixels窗口的 y 坐标。
left=pixels 窗口的 x 坐标。以像素计。 height=pixels 窗口文档显示区的高度。以像素计。 width=pixels 窗口的文档显示区的宽度。以像素计。 resizable=yes|no 窗口是否可调节尺寸。默认是 yes。 scrollable=yes|no 是否显示滚动条。默认是 yes。 location=yes|no 是否显示地址字段。默认是 yes。 status=yes|no 是否添加状态栏。默认是 yes。 toolbar=yes|no 是否显示浏览器的工具栏。默认是 yes。
特性字符串是以逗号分隔的,所以在逗号或等号后不能有空格。
示例:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
document对象
用document的open、write、close等方法可以向新打开的窗口中写入内容,如下所示:
复制代码 代码如下:
<script type="text/javascript">
function run(){
var oNewWin=window.open("about:blank","newwindow","height=300,width=400");
oNewWin.document.open();
oNewWin.document.write("<html><body><script>function test(){alert('test');}</scr"+"ipt><input type='button' value='test' onclick='test()'/></body></html>");
oNewWin.document.close();
}
</script>
<input type='button' value='run' onclick='run()'/>
location对象
location对象可以用来解析URL,例如 URL为:https://www.jb51.net/2012/04/14/2446762.html#top?id=1,则:
hash:#top
host:www.cnblogs.com
hostname:www.cnblogs.com
href:https://www.jb51.net/2012/04/14/2446762.html#top?id=1
pathname:/artwl/archive/2012/04/14/2446762.html
port:空白
protocol:http:
search:?id=1
作者:Artwl
出处:http://artwl.cnblogs.com
窗口操作
Window对象对操作浏览器窗口非常有用,开发者可以移动或调整浏览器窗口的大小。可用四种方法实现这些操作:
moveBy(dx,dy):把浏览器窗口相对当前位置水平移动dx个像素,垂直移动dy个像素。dx值为负左移,dy为负上移。
moveTo(x,y):移动浏览器窗口,使它的左上角位于用户屏幕的(x,y)处。可以使用负数,不过这样会把部分窗口移出屏幕的可视区域。
resizeBy(dw,dh):相对浏览器窗口当前大小,把窗口的宽度调整dw个像素,高度调整dy个像素。dw、dy为负时缩小窗口。
resizeTo(w,h):把窗口的宽度调整为w,高度调整为h,不能使用负数。
注,FireFox跟Chrome默认不允许进行此操作,要在安全设置里更改
效果(在IE浏览器中有效果):
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
导航和打开新窗口
导航和打开新窗口用 window.open() 方法,该方法接受四个参数,即要载入新窗口的页面的URL,新窗口名字,特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。一般只用前三个参数,最后一个参数只有在window.open()打不开新窗口时才有效。
第三个参数可选值如下:
top=pixels窗口的 y 坐标。
left=pixels 窗口的 x 坐标。以像素计。 height=pixels 窗口文档显示区的高度。以像素计。 width=pixels 窗口的文档显示区的宽度。以像素计。 resizable=yes|no 窗口是否可调节尺寸。默认是 yes。 scrollable=yes|no 是否显示滚动条。默认是 yes。 location=yes|no 是否显示地址字段。默认是 yes。 status=yes|no 是否添加状态栏。默认是 yes。 toolbar=yes|no 是否显示浏览器的工具栏。默认是 yes。
特性字符串是以逗号分隔的,所以在逗号或等号后不能有空格。
示例:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
document对象
用document的open、write、close等方法可以向新打开的窗口中写入内容,如下所示:
复制代码 代码如下:
<script type="text/javascript">
function run(){
var oNewWin=window.open("about:blank","newwindow","height=300,width=400");
oNewWin.document.open();
oNewWin.document.write("<html><body><script>function test(){alert('test');}</scr"+"ipt><input type='button' value='test' onclick='test()'/></body></html>");
oNewWin.document.close();
}
</script>
<input type='button' value='run' onclick='run()'/>
location对象
location对象可以用来解析URL,例如 URL为:https://www.jb51.net/2012/04/14/2446762.html#top?id=1,则:
hash:#top
host:www.cnblogs.com
hostname:www.cnblogs.com
href:https://www.jb51.net/2012/04/14/2446762.html#top?id=1
pathname:/artwl/archive/2012/04/14/2446762.html
port:空白
protocol:http:
search:?id=1
作者:Artwl
出处:http://artwl.cnblogs.com
标签:
浏览器,JavaScript
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“JavaScript高级程序设计 阅读笔记(十五) 浏览器中的JavaScript”评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。