xml地图|网站地图|网站标签 [设为首页] [加入收藏]

JavaScript浏览器对象之一Window对象详解

来源:http://www.ccidsi.com 作者:最新解决方案 人气:158 发布时间:2019-07-03
摘要:第叁个页面代码: 选项 说明 height 窗口的高度,单位像素 width 窗口的宽度,单位像素 left 窗口的左边缘位置 top 窗口的上边缘位置 fullscreen 是否全屏,默认值no location 是否显示地址栏,

  第叁个页面代码:

选项

说明

height

窗口的高度,单位像素

width

窗口的宽度,单位像素

left

窗口的左边缘位置

top

窗口的上边缘位置

fullscreen

是否全屏,默认值no

location

是否显示地址栏,默认值yes

menubar

是否显示菜单栏,默认值yes

resizable

是否允许改变窗口大小,默认值yes

scrollbars

是否显示滚动条,默认值yes

status

是否显示状态栏,默认值yes

titlebar

是否显示标题栏,默认值yes

toolbar

是否显示工具条,默认值yes

    BOM提供了一组以window为骨干的靶子,达成了对浏览器窗口的访问调整。BOM中定义了6种重大的对象:

澳门皇家娱乐平台,参数target:新开垦窗口的长久目的照旧名称

                    参数options:新开荒窗口的性质,是由若干个挑选组成,选项之间用逗号分隔绝,每一种选项都带有了增选的名目和值。        

上述那篇JavaScript浏览器对象之一Window对象详解正是我分享给我们的全体内容了,希望能给大家叁个参照,也盼望大家多多接济脚本之家。

                    参数target:新开垦窗口的定位目的依旧名称

screen对象 包含了客户端显示器及渲染工夫的音信;


(4) 状态栏调整

 

调解窗口的尺寸和地点、张开新窗口、系统提醒框、状态栏调节、定期操作,上面分别对那5个功效详细叙述。


_parent 在父窗口加载新页面

      window.open轻便示例:

参数url:打开新新窗口将在加载的url。假使未钦命参数,将暗中同意加载空白页。如:window.open("test.htm");

 

  1. windows对象的特性、方法、和事件

选项

说明

height

窗口的高度,单位像素

width

窗口的宽度,单位像素

left

窗口的左边缘位置

top

窗口的上边缘位置

fullscreen

是否全屏,默认值no

location

是否显示地址栏,默认值yes

menubar

是否显示菜单栏,默认值yes

resizable

是否允许改变窗口大小,默认值yes

scrollbars

是否显示滚动条,默认值yes

status

是否显示状态栏,默认值yes

titlebar

是否显示标题栏,默认值yes

toolbar

是否显示工具条,默认值yes

① window.setInterval 设置计时器,每隔一段时间实施钦点的代码 window.setInterval(code,time);

                 用法:window.open([url],[target],[options])   

Window对象事件
事件
说明
demo
onload
HTML文件载入浏览器时发生

onunload
HTML文件从浏览器删除时发生

onfocus
窗口获得焦点时发生

onblur
窗口失去焦点时发生

onhelp
用户按下F1键时发生

onresize
用户调整窗口大小时发生

onscroll
用户滚动窗口时发生

onerror
载入HTML文件出错时发生

    除了window对象之外,别的的5个对象都以window对象的习性,它们的关联如下图:

④ window.clearTimeout 清除 setTiimeout 函数设置的电火花计时器 window. clearTimeout(time);

                        _self       在当下窗口加载新页面

window对象的方法
方法名
作用
demo
alert()
显示一个警示对话框,包含一条信息和一个确定按钮

confirm()
显示一个确认对话框

prompt()
显示一个提示对话框,提示用户输入数据

open()
打开一个已存在的窗口,或者创建一个新窗口,并在该窗口中加载一个文档

close()
关闭一个打开的窗口

navigate()
在当前窗口中显示指定网页

setTimeout()
设置一个定时器,在经过指定的时间间隔后调用一个函数

clearTimeout()
给指定的计时器复位

focus()
使一个Window对象得到当前焦点

blur()
使一个Window对象失去当前焦点

方法

用法

说明

window.moveBy

将浏览器窗口移动到指定位置(相对定位)

window.moveBy(dx,dy)

出于安全性和对用户有好的考虑,不允许使用JavaScript脚本将窗口移动到可视区域之外,必须始终保证浏览器窗口在屏幕的可视区域。

window.moveTo

将浏览器窗口移动到指定位置

(绝对定位)

window.moveBy(x,y)

如果指定的坐标(x,y)会使部分或全部窗口置于可视区域之外,那么窗口将停留在最接近屏幕边缘的位置。

window.resizeBy

将浏览器窗口的尺寸改变指定的宽度和高度(相对调整窗口大小)

window.resizeBy(dw,dh)

 

window.resizeTo

将浏览器窗口的尺寸改变指定的宽度和高度(绝对调整窗口大小)

window.resizeTo(w,h)

指定的宽度和高度不能为负数

time参数是施行代码的时光距离,单位是ms。

                        _top        在顶层窗口加载新页面       

window对象的属性
属性名 作用 demo
name 指定窗口的名称
parent 当前窗口(框架)的父窗口,使用它返回对象的方法和属性
opener 返回产生当前窗口的窗口对象,使用它返回对象的方法和属性
top 代表主窗口,是最顶层的窗口,也是所有其他窗口的父窗口。可通过该对象访问当前窗口的方法和属性
self 返回当前窗口的一个对象,可通过该对象访问当前窗口的方法和属性
defaultstatus 返回或设置将在浏览器状态栏中显示的默认内容
status 返回或设置将在浏览器状态栏中显示的指定内容

其次个页面代码:

location对象涵盖了浏览器当前的U凯雷德L音讯;

                        _parent   在父窗口加载新页面

navigation对象 包涵了浏览器自身的新闻;

                    参数url:张开新新窗口就要加载的url。假如未钦点参数,将私下认可加载空白页。如:window.open("test.htm");

window对象 表示浏览器中开发的窗口;

 

③ window.setTimeout 设置停车计时器,每隔一段时间推行钦点的代码 window.setTimeout(code,time);


window对象便是JavaScript的Global对象,所以在选用window对象的性质和方法是不要求极度指明。如:alert,实际上完全的调用是window.alert,经常省略了window对象的援用。

澳门皇家娱乐平台 1

(5) 定时操作

澳门皇家娱乐平台 2
  明日就写到这里,后日持之以恒系统提醒框、状态栏调节、定期操作的授课

_self 在日前窗口加载新页面

  •  window对象表示浏览器中开垦的窗口;
  • document对象表示浏览器中加载页面包车型客车文书档案对象;
  • location对象涵盖了浏览器当前的URL消息;
  • navigation对象涵盖了浏览器本人的新闻;
  • screen对象涵盖了客户端显示屏及渲染本领的新闻;
  • history对象涵盖了浏览器访问网页的历史音讯。

2. window对象提供的首要功用:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title>打开新窗口示例</title>
 5     <style type="text/css">
 6         #editor 
 7      {
 8             width:300px;
 9      }
10         #title, #editor textarea
11      {
12             width:100px;
13             height:80%;
14      }
15 </style>
16     <script type="text/javascript">
17     function newWin() {
18       //打开新窗口
19       var win = window.open("windowtwo.htm", "_blank", "toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=300");
20     }
21   </script>
22 </head>
23 <body>
24     <form action="#">
25         <div id="editor">
26             标题:
27             <input type="text" id="title" /><br />
28             内容:
29             <textarea cols="30" rows="5" id="content"></textarea><br />
30             <input type="button" value="提交" />
31             <input type="button" value="在新窗口中编辑" onclick="newWin()" />
32         </div>
33     </form>
34 </body>
35 </html>

JavaScript提供了一组以window为主导的对象,达成了对浏览器窗口的访问调控。JavaScript中定义了6种入眼的靶子:

本文由68399皇家赌场发布于最新解决方案,转载请注明出处:JavaScript浏览器对象之一Window对象详解

关键词: 68399皇家赌场

上一篇:Mysql配置文档,一步一步教你安装Nginx

下一篇:没有了

最火资讯