09-DOM 节点列表长度

x=document.getElementsByTagName("p");//获取所有的p节点 是个数组  
for (i=0;i<x.length;i++) //数组长度 
{ 
document.write(x[i].innerHTML); 
//遍历 document.write("<br />"); 
}
Code language: JavaScript (javascript)

DOM 根节点
这里有两个特殊的属性，可以访问全部文档：

document.documentElement – 全部文档
document.body – 文档的主体

Childnodes也是获取所有的子节点是一个数组

var txt=document.getElementById("intro").childNodes[0].nodeValue; document.write(txt);
Code language: JavaScript (javascript)

Document.title 返回文档html的标题
document.URL 当前的URL
Document.referrer 当前文档的来路
Document.domain 当前文档的域名

判断鼠标按的是那一个键

<body onmousedown="whichButton(event)"><script type="text/javascript">
function whichButton(event)
{
var btnNum = event.button;
if (btnNum==2)
  {
  alert("您点击了鼠标右键！")
  }
else if(btnNum==0)
  {
  alert("您点击了鼠标左键！")
  }
else if(btnNum==1)
  {
  alert("您点击了鼠标中键！");
  }
else
  {
  alert("您点击了" + btnNum+ "号键，我不能确定它的名称。");
  }
}
</script>

获取光标的位置

<script type="text/javascript">
function show_coords(event)
{
x=event.clientX
y=event.clientY
alert("X 坐标: " + x + ", Y 坐标: " + y)
}
</script>
</head><body onmousedown="show_coords(event)">

获取键盘的键的unicode编码

function whichButton(event)
{
alert(event.keyCode)
}
Code language: JavaScript (javascript)

相对于屏幕光标的位置

function coordinates(event)
{
x=event.screenX
y=event.screenY
alert("X=" + x + " Y=" + y)
}
Code language: JavaScript (javascript)

获取事件的类型

function getEventType(event)
  { 
  alert(event.type);
  }
Code language: JavaScript (javascript)

更改form的action值

function changeAction()
{
var x=document.getElementById("myForm")
alert("Original action: " + x.action)
x.action="/htmldom/index.asp"
alert("New action: " + x.action)
x.submit()
}
Code language: JavaScript (javascript)

Checkbox的选中和不选中

document.getElementById("myCheck").checked=true
document.getElementById("myCheck").checked=false
Code language: JavaScript (javascript)

获取表单中的多个同name的checkbox

coffee=document.forms[0].coffee
Code language: JavaScript (javascript)

重置表单

document.getElementById("myForm").reset()
Code language: JavaScript (javascript)

提交表单

document.getElementById("myForm").submit()
Code language: JavaScript (javascript)

获取焦点和失去焦点

function setFocus()
  {
  document.getElementById('text1').focus()
  }
function loseFocus()
  {
  document.getElementById('text1').blur()
  }
Code language: JavaScript (javascript)

文本框内容选中

document.getElementById("myText").select()
Code language: JavaScript (javascript)

获取下拉框选择的内容文字

var mylist=document.getElementById("myList")
document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text
Code language: JavaScript (javascript)

重新载入页面

window.location.reload();
Code language: CSS (css)

返回到上一个页面

获取浏览器信息和系统的相关信息
浏览器：

document.write(navigator.appName + "</p>")
Code language: JavaScript (javascript)

浏览器版本：

document.write(navigator.appVersion + "</p>")
Code language: JavaScript (javascript)

代码：

document.write(navigator.appCodeName + "</p>")
Code language: JavaScript (javascript)

平台：

document.write(navigator.platform + "</p>")
Code language: JavaScript (javascript)

Cookies 启用：

document.write(navigator.cookieEnabled + "</p>")
Code language: JavaScript (javascript)

浏览器的用户代理报头：

document.write(navigator.userAgent + "</p>")
Code language: JavaScript (javascript)

禁用和启用下拉框

document.getElementById("mySelect").disabled=true  document.getElementById("mySelect").disabled=false
Code language: JavaScript (javascript)

下拉框的个数

document.getElementById("mySelect").length
Code language: JavaScript (javascript)

确认对话框

function show_confirm()
{
var r=confirm("Press a button!");
if (r==true)
  {
  alert("You pressed OK!");
  }
else
  {
  alert("You pressed Cancel!");
  }
}
Code language: JavaScript (javascript)

打开窗口

window.open("http://www.dopass.cn")
Code language: JavaScript (javascript)

同时设置窗口宽度和高度滚动条地址栏等是否显示

window.open("http://www.w3school.com.cn","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")
Code language: JavaScript (javascript)

var res = confirm("你确定吗？");
            if (res) {
                //做一些确认后的操作，比如删除记录等等
                //alert("你点了确认按钮");
                window.open("http://www.dopass.cn");
            }
            else {
                //alert("你点了取消按钮");
                window.open("http://www.w3school.com.cn", "_blank", "toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")
            }
Code language: JavaScript (javascript)

一个时钟

<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i
}
</script>

计时器

<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}function stopCount()
{
clearTimeout(t)
}
</script>

打印页面

window.print()
Code language: JavaScript (javascript)

Previous: 08-DOM – 事件

发表回复 取消回复

发表回复取消回复