zoukankan      html  css  js  c++  java
  • BOM、window窗口对象

    1、BOM 
      browser object model  浏览器对象模型 
      由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window;
      BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是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
        两个定时器 :
          setInterval()     连续执行的定时器  
          clearInterval()  
        结束定时器:
          setTimeout(要执行的任务,间隔时间)    一次性定时器  表示延时多长时间后执行  
          clearTimeout( 定时器名称 ) 停止 定时器
      打开新窗口:
        window.open("新窗口路径","_blank","新窗口外观")   返回弹出的子窗口,可以不写_blank,默认是就是_blank
          外观参数 : width  height  left  top
        window.open("list.html","_blank","width=200,height=200");
    3、document 文档对象
      找对象    几种方法 :
        getElementById()   单个对象
        getElementsByTagName()  标签  得到一个集合  使用时加下标   找到一个 也要加下标[0]
        getElementsByClassName() 根据类名查找   同上
        getElementsByName()  根据name值查找  操作表单
        querySelector("css选择器")   单个对象
        querySelectorAll("css选择器")  多个对象  使用时加下标
        document.body 找到body元素
        document.title 找到title
        document.head 找到head 
        document.documentElement  对应html元素 
        document.write()
    4、对象的操作
      操作样式:
          设置样式值:
            obj.style.样式 = 值    
            className 属性  obj.className = "类名"
            obj.style.cssText = "color:red;font-size:12px;"
          获取样式值 : 
               obj.style.样式
      操作属性:
          设置属性: obj.属性 = 值
          获取属性: obj.属性
      操作内容:
          innerHTML:  内容中如果有标签 可以被浏览器识别
          innerText:  内容作为纯文本显示    火狐不兼容   火狐--textContent
    5、location对象
      页面跳转 :
          location.href = "url"  url --统一资源定位符
          location.assign("url");
          location.replace("url");   替换页面内容 不能后退 
          location = "url"
      页面刷新 :
              location.reload();
    6、history对象
      history.go(1)   ===>  history.forward()  前进
      history.go(-1)  ===>  history.back()     后退
      history.go(0)  刷新
    7、自定义属性(部分)
      this:指当前事件的事件源
  • 相关阅读:
    11.29 两百字
    Django:基础知识
    deepdiff:对比文件
    openpyxl:二次封装
    openpyxl:openpyxl的随笔
    web:pykeyboard、pymouse得使用
    Jmeter:如何让线程顺序执行
    Jmeter:如何将上一个线程得变量使用到下一个线程中,将上一个线程变量设置为全局变量
    Jmeter:BeanShell中的vars.put(string,string)
    Jmeter:数据库查询当天的日期
  • 原文地址:https://www.cnblogs.com/ginelle/p/10218785.html
Copyright © 2011-2022 走看看