javascriptDOM编程

DOM - Document Object Model,它是W3C国际组织的一套Web标准,它定义了访问HTML文档对象的一套属性,方法和事件。

<html>

<head>

<script type="text/javascript">

function changeLink()

{ document.getElementByid('myAchor').innerHTML="搜狐";

  document.getElementByid('myAnchor').href="http://www.sohu.com"; }

</script>

</head>

<body>

<a id="myAnchor" href="http://www.taobao.com">淘宝</a>

<input type="button" onclick="changeLink()" value="使用DOM改变链接">

</body>

</html>

Window对象常用属性:

status  指定浏览器状态栏中显示的临时消息

screen  有关客户端的屏幕和显示性能的信息

history 有关客户访问过的URL的信息

location 有关当前URL的信息

document 表示浏览器窗口中的HTML文档

Window对象常用的方法和事件

alert("提示信息")   显示一个带有提示信息和确定按钮的对话框

confirm("提示信息") 显示一个带有提示信息,确定和取消按钮的对话框

open("url","name")  打开具有指定名称的新窗口,并加载给定URL所指定的文档;如果没有提供URL,则打开一个空白文档

close()             关闭当前窗口

showModalDialog()   在一个模式窗口中显示指定的HTML文档

setTimeout("函数",毫秒数)   设置定时器:经过指定毫秒值后执行某个函数

onLoad事件:在窗口或框架完成文档加载时触发

<scrip language="javascrip">

function openWindow()

{ alert(window.screen.with);

window.status="系统当前状态,您正在注册用户......";

if (window.screen.width == 1024 && window.screen.height == 768)

window.open("register.html");

else window.alert("请设置分辨率为1024*768,然后再打开");

}

funcation closeWindow()

{ if(window.confirm("您确认要退出系统吗?")) window.close(); }

</script>

<script language="javaScript">

function disptime()

{ var now=new date();

if(hour>=0&&hour<=12) document.write("<h2>上午好</h2>")

(hour>12&&hour<=18) document.write("<h2>下午好</h2>");

(hour>18&&hour<24) document.write("<h2>晚上好!</h2>");

document.write("<h2>今天日期:"+now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日");

document.write("<h2>现在时间:"+now.getHour()+"点"+now.getMinutes()+"分</h2>"); }

</script>

<BODY onload="disptime()">

setTimeout的用法: setTimeout("调用的函数","定时的时间")

例:var myTime=setTimeout("disptime()",1000);//每隔1000毫秒执行函数disptime()一次

history和location对象

history对象方法:

back()  加载History列表中的上一个URL       

 forward() 加载History列表中的下一个URL                

 go("url" or number)加载History列表中的一个URL,或要求浏览器移动指定的页面数

back()方法相当于后退按钮 forward()方法相当于前进按钮

go(1)代表前进1页,等价于forward()方法;

go(-1)代表后退1页,等价于back()方法;

Location对象属性:

host,设置或检索位置或URL的主机名和端口号   

hostname,设置或检索位置或URL的主机名部分                   

href,设置或检索完整的URL字符串            

方法: assign("url"),加载URL指定的新的HTML文档                   

reload(),重新加载当前页                   

replace("url"),通过加载URL指定的文档来替换当前文档

例: <html>

<body>

<a href="open1.html">asdasdr</a>

<p>

<input type="button" value="跳" onclick="javascript:location='open1.html'">

</p>

<p>

<input type="button" value="刷新" onclick="javascript:location.reload()"></p>

</body>

</html>

javascriptDOM编程_第1张图片

javascriptDOM编程_第2张图片

 

你可能感兴趣的:(javascriptDOM编程)