0415js第三天 BOM~windows，document 等 对象

• str = "get-element-by-id";改成驼峰命名:getElementById
  • var str = "get-element-by-id";
  • var p = /-\w/g;
  • var x = str.replace(p, function(r1){
    • return r1.substring(1).toUpperCase();
  • });
  • console.log(x);
• 操作BOM Brower Object Model，浏览器对象模型 js≈es+bom+dom
  • window对象
    • 整个BOM的核心，是顶层对象
    • 使用框架，每个框架都由它自己的window对象表示
    • window对象属性 
      • frames[] Window对象的数组，代表窗口中的各个框架
      • name 窗口的名称，可被HTML标签的target引用
      • opener 对打开当前窗口的Window对象的应用。如果当前窗口被用户打开，则它的值为null
        • 用于window.open()打开的窗口
        • 对于部分超链接，也好使，跟target有关系
      • parent 如果当前的窗口是框架，它就是对窗口中包含这个框架的引用
      • self 自引用属性，是对当前window的引用
      • top 如果当前窗口是框架，它就是对包含这个框架的顶级窗口Window对象的引用。
        • 指分割窗口最高层次的窗口
      • window 自引用属性，是对当前window对象的引用，与self属性同义
      • status 在浏览器状态栏中显示的文本
    • window对象方法
      • 操作窗口
        • window.moveBy(20,20); 将窗口向右向下移动20像素
        • window.moveTo(0,0); 将窗口移动到左上角
        • resizeBy(15,10) 将窗口相对增大15*10
        • resizeTo(450,350) 将窗口大小改为450*350
      • 打开新窗口
        • window.open()方法
          • 参数
            • 要载入新窗口的页面的URL
            • 新窗口的名字
            • 特性字符串
      • 与用户交互
        • alert()
        • prompt() 弹出可以输入信息的文本框
          • 参数
            • 用户输入信息的提示
            • 文本框的默认值
        • confirm() 弹出对话框，确认信息
      • 定时执行
        • setTimeout函数 让函数在一定时间内重新执行，递归调用，即先执行功能，再调用自己
          • setTimeout(函数名,时间间隔,重复次数);
            • var timeId=setTimeout("hello()",2000);
        • clearTimeout函数 清除设置的setTimeout函数
          • clearTimeout(timeId);
        • setInterval函数 让函数在一定时间内重新执行，外部调用
          • setInterval(函数名,时间间隔);
            • var timeId=setInterval("hello()",2000);
        • clearInterval函数 清除设置的setInterval函数
          • clearInterval(timeId);
  • document对象
    • 对象集合
      • anchors 页面中所有锚的集合（由<aname="anchorname"></a>表示）
      • applets 页面中所有applet的集合
      • embeds 页面中所有潜入对象的集合（由<embed/>标记表示
      • forms
      • images
      • links
    • 对象方法
      • open()产生一个新文档，擦掉已有的文档内容
      • close()关闭或结束open()方法打开的文档
      • write() writeln()把文本附加到当前打开的文档 附加一个换行符
      • getElementById 获取对ID标签属性为指定值的第一个对象的引用
      • getElementsByName 根据NAME标签属性的值获取对象的集合
      • getElementsByTagName 获取基于指定元素名称的对象集合
    • innerHTML和innerText属性
      • innerHTML—获取或直接在元素内填加HTML代码
      • innerText—获取起始标签和结束标签之间的文本
  • history对象
    • 用户访问过的站点的列表
    • 属性：length
    • 方法：go()、back()、forward()
      • history.go(-3);//向后返回三个访问过的页面
      • histroy.go(3);//向前返回三个访问过的页面
      • back();//与history.go(-1);功能相同
      • forward();//与history.go(1);功能相同
    • 只对已经访问过的页面有效
  • location对象
    • 属性
      • hash
      • host
      • hostname
      • href
      • pathname
      • port
      • protocol
    • 方法
      • assign("url")
      • reload()
      • replace("url")
  • navigator对象 提供用户使用的浏览器及操作系统等信息
  • screen对象 获取用户屏幕信息 有以下属性
• 元素节点方法
  • getAttribute()  获取特定元素节点属性的值
  • setAttribute() 设置特定元素节点属性的值
  • removeAttribute() 移除特定元素节点属性