zoukankan      html  css  js  c++  java
  • js中的BOM和DOM

    1.BOM(browser object model)  浏览器对象模型 
    由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
    BOM缺乏标准JavaScript语法的标准化组织是ECMADOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。  
    BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性;  document(文档对象) event(事件对象)  location(地址对象)  history(历史记录)  navigator(浏览器对象)  screen(屏幕对象)
     
     
     
    2.window对象
    window对象的属性和方法在调用时 可以省略 window. 
    页面加载事件 :
    window.onload = function(){
                     // onload 中代码:需要等到页面的所有内容全部加载完成后 才执行 
                     // onload 只能有一个
    }
    所有的全局变量和全局函数都可以是window对象的属性和方法
     
    window对象的方法 : 
    ①三个对话框 : 
    alert()   弹出框
    prompt("文字描述","默认值")   点击确定 返回输入的值   点击取消 返回null
    confirm()   确认框  点击确定 返回true  点击取消 返回false
     
    两个定时器 :
    a.setInterval(function(){
      要执行的任务
    },间隔时间)     //连续执行的定时器
     
    clearInterval(定时器的名字)  清除定时器
     
    b.setTimeout(function(){
      要执行的任务
    },间隔时间)    //一次性定时器  表示延时多长时间后执行  
     
    clearTimeout( 定时器名称 ) 停止 定时器 
     
     
    ③window.open("新窗口路径","_blank","新窗口外观")   返回弹出的子窗口,可以不写_blank,默认是就是_blank
      外观参数 : width  height  left  top
      eg:window.open("list.html","_blank","width=200,height=200");
     
    ④console;    最常用的就是console.log()     浏览器控制台打印
     
     
     
    3.DOM (document object Model)   文档对象模型
    DOM是W3C标准,DOM的最根本对象document(window.document)也就是可以说BOM包含了DOM;
    它的作用是将网页转化为一个Javascript对象,从而用Javascript进行各种操作(比如增删元素等)。
    在js中,操作谁就要找到谁。
    找DOM对象的几种方法 :
      (以下只能用document.来查找)
      document.getElementById()   查找某个id的单个对象,获取的是一个元素
      getElementsByName()  根据name值查找  操作表单
      (以下方法可以限制范围来查找)
      getElementsByTagName()  查找某个标签  得到一个集合  使用时加下标   找到一个 也要加下标[0](),也就是类数组。
      getElementsByClassName() 根据类名查找   同上
      querySelector("css选择器")   查找单个对象  获得一个元素
      querySelectorAll("css选择器")  查找多个对象  使用时加下标
     
      document.body 找到body元素
      document.title 找到title
      document.head 找到head 
      document.documentElement  对应html元素 
      document.write() 在浏览器输出
  • 相关阅读:
    Vsftpd 3.0.2 正式版发布
    Putdb WebBuilder 6.5 正式版本发布
    SoaBox 1.1.6 GA 发布,SOA 模拟环境
    pynag 0.4.6 发布,Nagios配置和插件管理
    Percona Playback 0.4,MySQL 负荷回放工具
    xombrero 1.3.1 发布,微型 Web 浏览器
    Hypertable 0.9.6.4 发布,分布式数据库
    libmemcached 1.0.11 发布
    CryptoHeaven 3.7 发布,安全邮件解决方案
    Android Activity生命周期
  • 原文地址:https://www.cnblogs.com/cqdd/p/10183090.html
Copyright © 2011-2022 走看看