HTML BOM(部分)

  • Window对象
    • Window 对象属性
    • Window 对象方法
      • 1. alert()及confirm()
      • 3. setInterval()及clearInterval()
        • 实现图片轮播以及停止
      • 5. setTimeout()
      • 6.clearTimeout()
      • setInterval()与setTimeout()的区别
      • window对象的属性和方法为JavaScript全局变量和全局函数,可以直接使用
  • Document对象
    • 1. Document对象属性
    • 2. Document对象方法
      • 1. getElementById()
      • 2. getElementsByName()
      • 3. getElementsByTagName()
  • History对象
    • History对象方法
      • 1. back()
      • 2. go()

Window对象

Window 对象属性

  1. document:对 Document 对象的只读引用。请参阅 Document 对象。
  2. history:对 History 对象的只读引用。请参数 History 对象。

Window 对象方法

1. alert()及confirm()

  • alert():显示带有一段消息和一个确认按钮的警告框。
  • confirm():显示带有一段消息以及确认按钮和取消按钮的对话框。如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
  • 示例:

    
    
        
            
            
        
        
            
            
        
    
    

3. setInterval()及clearInterval()

  • setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
  • clearInterval():取消由 setInterval() 设置的 timeout。

实现图片轮播以及停止



    
        
        
        
    
    
        
        
    

5. setTimeout()

在指定的毫秒数后调用函数或计算表达式。由 setTimeout() 返回的 ID 值可用作 clearTimeout() 方法的参数。

6.clearTimeout()

取消由 setTimeout() 方法设置的 timeout。
setInterval()与setTimeout()的区别:

setInterval()与setTimeout()的区别

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭;
setTimeout() 只执行 code 一次,如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout();

window对象的属性和方法为JavaScript全局变量和全局函数,可以直接使用

window.alert(“HelloWorld!”);
alert(" HelloWorld !");

Document对象

1. Document对象属性

  • domain
    返回当前文档的域名,例如:www.blue-bridge.com

2. Document对象方法

1. getElementById()

  • 返回对拥有指定 id 的第一个对象的引用。

2. getElementsByName()

返回带有指定名称的对象集合。

3. getElementsByTagName()

返回带有指定标签名的对象集合。

History对象

History对象方法

1. back()

加载 history 列表中的前一个 URL,同“后退”按钮。

2. go()

加载 history 列表中的某个具体页面,history.go(-1)//等同于back()。

你可能感兴趣的:(Html及Javascript)