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() 在浏览器输出
  • 相关阅读:
    MySQL 序列使用
    04_使用httpclient提交参数_get提交参数
    03_使用httpurlconnection提交参数_get中文参数解决&post提交
    01_今日内容
    00_消息机制回顾
    20_内容回顾
    19_MySmartImageView添加展示默认图的功能
    18_MySmartImageView实现
    17_自定义View对象构造说明
    16_新闻客户端_展示图片内容完成
  • 原文地址:https://www.cnblogs.com/cqdd/p/10183090.html
Copyright © 2011-2022 走看看