window对象方法

    alert():弹出一个警告对话框。

    prompt():弹出一个输入对话框。

    confirm():弹出一个确认对话框。如果单击“确定按钮”返回true,如果单击“取消”返回false。

    close():关闭窗口

    print():打印窗口

  open()方法

      功能:打开一个新的浏览器窗口。

      语法:var winObj = window.open([url][,name][,options]);

      说明:参数可有可无。如果没有指定参数,则打开一个选项卡式的窗口(大小是最大大化)。

      参数:

        url:准备在新窗口中显示哪个文件。url可以为空字符串,表示显示一个空的页面。

        name:新窗口的名字,该名字给<a>标记的target属性来用。

        options:窗口的规格。

        width:新窗口的宽度

        height:新窗口的高度

        left:新窗口距离屏幕左边的距离

        top:新窗口距离屏幕上边的距离

        menubar:是否显示菜单栏,取值:yes、no

        toolbar:是否显示工具栏。

        location:是否显示地址栏。

        status:是否显示状态栏。

        scrollbars:是否显示滚动条,不能省略s字母。

      返回值:返回一个window对象的变量,可以通过该名称跟踪该窗口。winObj具备window对象的所有属性和方法。

    onload事件:当网页加载完成,指<body>标记的所有内容全部加载完成,才触发该事件(条件)。通过onload事件属性,去调用JS的函数。onload属性只有<body>标记才有。

    onclick事件:当单击时,去调用JS代码。所有HTML标记都具有该事件属性。

  延时器方法——setTimeout()

  setTimeout()

      功能:设置一个延时器,换句话说:时间一到,就执行JS代码一次

      语法:var timer = window.setTimeout(code,millisec)

      参数:

        code:是任何合法的JS代码,一般情况下是JS函数。该函数要放在引号中。

        举例:window.setTimeout(“close()” , 2000)

        举例:window.setTimeout(init, 2000);  //传函数地址,因此不需要加括号。如果加括号,是将函数的执行结果传到方法中。

          millisec:毫秒值。1秒=1000毫秒

      返回值:返回一个延时器的id变量,这个id变量给clearTimeout()用来清除。

  clearTimeout()

      功能:清除延时器id变量

      语法:window.clearTimeout(timer)

        参数:timer就是由setTimeout()设置的延时器的id变量。

定时器方法

setInterval()

    功能:设置一个定时器。定时器,重复不断的执行JS代码(周期性)。

    语法: var timer = window.setInterval(code , millisec)

    参数:

      code:是任何合法的JS代码,一般情况下是JS函数。该函数要放在引号中。

    举例:window.setInterval(“init()” , 2000)

    举例:window.setInterval(init, 2000);  //传函数地址,因此不需要加括号。如果加括号,是将函数的执行结果传到方法中。

      millisec:毫秒值。1秒=1000毫秒

    返回值:返回一个定时器的id变量,这个id变量给clearInterval()用来清除。

clearInterval()

    功能:清除定时器id变量

    语法:window.clearInterval(timer)

    参数:timer就是由setInterval()设置的定时器的id变量。

/*********************************************/

<script type="text/javascript">

//网页加载完成,去调用JS函数
window.onload = init; //函数传地址,不能带括号
//定义函数
function init()
{
//定时器:每隔1秒,调start2()函数一次
//定时器总是调用其它函数,而延时器总是调用自己所在的函数。
window.setInterval("start2()",1000);
}
//全局变量
var i = 1;
function start2()
{
//获取网页中id=img01的图片元素对象
var imgObj = document.getElementById("img01");
//图片对象有src属性,那么 imgObj对象也有src属性
imgObj.src = "images/dd_scroll_"+i+".jpg";
i++;
//如果超过6,则i=1。
if(i>6)
{
i = 1;
}
}
</script>
</head>
<body>
<img id="img01" src="data:images/dd_scroll_1.jpg" />
</body>

/*******************************************/

screen屏幕对象

Width:屏幕的宽度,只读属性。

Height:屏幕的高度,只读属性。

availWidth:屏幕的有效宽度,不含任务栏。只读属性。

availHeight:屏幕的有效高度,不含任务栏。只读属性。

navigator对象

    appName:浏览器软件名称,主要用来判断客户使用的是什么核心的浏览器。

    如果是IE浏览器的话,返回值为:Microsoft Internet Explorer

    如果是Firefox浏览器的话,返回值为:Netscape

      appVersion:浏览器软件的核心版本号。

      systemLanguage:系统语言

      userLanguage:用户语言

      platform:平台

Location地址栏对象

href:获取地址栏中完整的地址。可以实现JS的网页跳转。location.href = “http://www.sina.com.cn”;

host:主机名

hostname:主机名

pathname:文件路径及文件名

search:查询字符串。

protocol:协议,如:http://、ftp://

hash:锚点名称。如:#top

reload([true]):刷新网页。true参数表示强制刷新

注意:所有的属性,重新赋值后,网页将自动刷新。

<meta  http-equiv = “refresh”  content = “5;url=http://www.sina.com.cn”  />

history对象

length:历史记录的个数

go(n):同时可以实现“前进”和“后退。”

  1. history.go(0)  刷新网页
  2. history.go(-1)  后退
  3. history.go(1)   前进一步
  4. history.go(3)   前进三步

forward():相当于浏览器的“前进”按钮

back():相当于浏览器的“后退”按钮

BOM window对象方法的更多相关文章

  1. Window对象方法

    Window对象方法 scrollBy() 按照指定的像素值来滚动内容. scrollTo() 把内容滚动到指定的坐标. setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式. ...

  2. window对象方法(alert-confirm-prompt)

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. window对象方法(open和close)

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. BOM属性对象方法

    本文原链接:https://cloud.tencent.com/developer/article/1018747 BOM 1.window对象 2.location对象 3.history对象 BO ...

  5. 几个很实用的BOM属性对象方法

    location对象 location.href-- 返回或设置当前文档的URLlocation.search -- 返回URL中的查询字符串部分.例如 http://www.dreamdu.com/ ...

  6. 浏览器对象模型“BOM”-- window对象

    global对象 全局对象 所有的全局变量和全局方法,都可以归在window上 <!DOCTYPE html> <html lang="en"> <h ...

  7. window对象方法之setTimeout(),setInterval()

    window中的这两个方法是比较重要的,在许多的设计中会使用到这两个方法.比如使用在倒计时抢购中. 首先来说说这两个方法的用法吧! 一:window.setTimeout(); setTimeout( ...

  8. 前端面试题-几个很实用的BOM属性对象方法?

    什么是Bom? Bom是浏览器对象.有哪些常用的Bom属性呢? (1)location对象 location.href-- 返回或设置当前文档的URL location.search -- 返回URL ...

  9. JS_高程8.BOM window对象(1)

    1.全局作用域 var age = 14; window.coloer = "pink"; console.log(delete window.age);//false 使用var ...

随机推荐

  1. 牛客 某练习赛 Data Structure

    Data Structure 题目描述 将一个非负整数序列划分为 \(K\) 段,分别计算出各段中的整数按位或的结果,然后再把这些结果按位与起来得到一个最终结果,把这个最终结果定义为这个序列的一个 \ ...

  2. kubernetes(k8s)Pod污点与容忍

    污点(taints)与容忍(tolerations) 对于nodeAffinity无论是硬策略还是软策略方式,都是调度 pod 到预期节点上,而Taints恰好与之相反,如果一个节点标记为 Taint ...

  3. echarts更新数据的方法

    //初始创建 var myChart = echarts.init(document.getElementById('main')); var option = {........} myChart. ...

  4. npm install 超时 国内 切换源; npm ERR! code ELIFECYCLE;

    install 超时 查看npm源地址 npm config get registry #http://registry.npmjs.org 为国外镜像地址 设置阿里云镜像 npm config se ...

  5. Serializable读写类操作

    import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStrea ...

  6. jmeter 参数化3种

    一.利用函数助手获取参数值 选项->函数助手对话框 __CSVRead, __Random, 生成的函数字符串:${__Random(,,)}第一个参数为随机数的下限,第二个参数为随机数的上限, ...

  7. linux进阶之路(二):linux文件目录

    Linux的目录结构: Linux文件系统采用级层式的目录结构,最上层是根目录"/",在此目录下再创建其他目录. 树状的文件目录.再Linux世界,一切皆文件. /etc 所有系统 ...

  8. 2、什么是session?

    session 什么是Session?Session什么时候产生?    Session:在计算机中,尤其是在网络应用中,称为“会话控制”.Session 对象存储特定用户会话所需的属性及配置信息.这 ...

  9. 调用API接口,查询手机号码归属地(2)

    使用pymysql pip install pymysql 创建mysql测试表 CREATE TABLE `userinfo` ( `id` int(20) NOT NULL AUTO_INCREM ...

  10. laydate box-sizingCSS就会变形

    *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;/* box-sizing:border-box; */} 解决:在/laydat ...