DOM元素

  • window
  1. window: 顶级对象(所有DOM元素的根对象) 表示当前浏览器窗口/使用window对象的属性 方法时可省略window(如window.alert(“aa”); → alert(“aa”);)
  2. alert()方法: 弹出消息框
  3. confirm()方法: 弹出”确定” ”取消”对话框/”确定”返回true “取消”返回false

if(confirm(“是否继续？”)){

　　alert(“确定”);

}

else{

　　alert(“取消”);

}

  1. navigate()方法: 重新导向到指定地址
  2. setInterval()方法: 每隔一段时间执行指定的代码(类似Winform的Timer)/第一个参数为代码字符串(也可以写入匿名函数) 第二个参数为时间(毫秒为单位)

navigate(“alert(‘hello’)”,5000);

  1. clearInterval()方法: 取消setInterval()的定时执行(相当于Timer中的Enable=False)/因为setInterval()可以启动多个定时器 所以clearInterval()需指定所清除定时器的标识(即返回值)

var intervalId = navigate(“alert(‘hello’)”,5000);

clearInterval(intervalId);

  1. setTimeout()/clearTimeout()方法: 定时执行(只执行一次)/清除定时执行/interval: 间隔 timeout: 超时
  2. showModelDialog()方法: 弹出模态对话框(在onclick等用户手动触发的事件中才被执行 否则会被最新浏览器当做广告弹窗拦截)/第一个参数为弹出窗口页面地址/在弹出页面中调用window.close()关闭窗口(window不能省)
  3. showModelessDialog()方法: 弹出非模态对话框
  4. parseInt()方法: 将字符串解析为整数
  5. location属性: location.href属性(当前页面地址)/location.reload()方法(刷新当前页面)
  6. event属性: 事件(用于获取事件发生时相关信息/类似于WinForm中的EventArgs)

event.altkey属性: alt键是否按下(bool类型/类似的ctrlkey shiftkey)

    event.clientX/clientY属性: 事件发生时鼠标的屏幕坐标

      event.offsetX/offsetY属性: 事件发生时鼠标相对于事件源的坐标

        event.returnValue属性: 设为false就会取消默认事件的处理(如禁止表单提交数据到服务器或禁止超链接跳转)

          event.srcElement属性: 获得事件源对象

            event.keyCode属性: 发生事件的按键值

              event.button属性: 发生事件时的鼠标按键(1:左键 2:右键 3:左右键)

              1. screen属性: 屏幕信息

              alert(“分辨率: ”+screen.width+”*”+screen.height);

              1. clipboardData属性: 粘贴板

              clipboardData.clear(): 清空粘贴板

              clipboardData.getData(): 取得粘贴板数据

              clipboardData.setData(): 设置粘贴板数据/对于Web来说 方法的第一个参数永远都是”Text”

              当复制/粘贴时触发元素(如body)的oncopy/onpaste事件 直接return false就是禁止复制/粘贴

              <body oncopy=“alert(“禁止复制！”);return false;”>

              在网站中复制文章时自动在复制内容后增加版权声明(setData())/不能直接在oncopy中执行 需设定定时器*秒后执行(oncopy时先将内容放进粘贴板)

              function modifyClipboard(){

              　　clipboardData.setData(“Text”,clipboardData.getData()+’…’+location.href);

              }

              oncopy=“setTimeout(‘modifyClipboard()’,100)”

              1. history属性: 历史记录
              history.back()方法: 后退/或用history.go(-1)
              history.forward()方法: 前进/或用history.go(1)
              1. document属性: 最复杂属性之一
              • document
              1. document(window.document): 当前页面文档
              2. write()方法: 向文档写入内容/动态增加页面内容(只有在页面加载过程中write()方法才会与页面原有内容融为一体)
              document.write(“<a href=‘http://www.baidu.com’>百度</a>”);
              内容联盟: <script type=“text/javascript” src=“http://news.baidu.com/...”> //用记事本打开src中地址(其中为write()方法)/被嵌入内容由提供商定期修改
              1. getElementById()方法: 根据元素Id(不能重复)获取对象/也可以直接通过Id进行元素对象引用 但因为存在有效范围之类的问题(如alert(form1.txtbox.value);)所以不推荐
              2. getElementByName()方法: 根据name获取对象/返回对象数组(name可重复)
              3. getElementByTagName()方法: 获得指定标签名称的标签数组
              4. createElement()方法: 动态创建DOM元素(write()方法只能在页面加载过程中创建DOM元素/结合元素的appendChild()方法添加到相应元素下)
              Function(){
              　　var divMain = document.getElementById(“divMain”);
              　　var btn = document.createElement(“input”);
              　　btn.type = “button”;
              　　btn.value = “我是动态的”;
              　　divMain.appendChild(btn);
              }
              <div id=“divMain”></div>
              <input type=“button” value=“ok” onclick=“showit” />
              1. createElement()别种用法: createElement(“<a id=‘a1’ href=‘@’ />”);
              2. setAttribute()方法: 设置属性/可设置DOM元素不存在的属性
              document.getElementById(“label1”).setAttribute(“for”,”username”);
              • form
              1. form: 表单的DOM对象
              2. Form(表单)提交方法: ①调用form.submit()方法②通过t按钮<input type=“submit” />; //类似于button.click()
              3. form(表单)数据校验: onsubmit事件(只有点击<input type=“submit” />按钮时才会触发onsubmit事件)/onsubmit事件return false时表单不会被提交
              4. autopost的实现: 如焦点离开时在onblur事件处理函数中调用form.submit()方法

              posted on 2011-09-19 15:41  les_vies  阅读(212)  评论(0)  编辑  收藏  举报

              导航