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>

最新文章

  1. js net 除法取整
  2. MatLab计算图像圆度
  3. 伸缩放大的js
  4. TCP/IP协议族
  5. Android中自定义veiw使用Java中的回调方法
  6. sql server 日期转换函数 convert()
  7. UML之时序图
  8. ps命令手册
  9. java支付宝接口开发
  10. python 练习题(1-15)
  11. cookies增删改擦操作
  12. Stream基础知识
  13. maxcompute笔记
  14. BZOJ2226:LCMSum(欧拉函数)
  15. Valid Number leetcode java
  16. C#提高--------------获取方法返回值的自定义特性(Attribute)
  17. [原][osg][osgEarth]关于在OE中使用物理引擎的调研
  18. spring jpa exists
  19. KKT条件和拉格朗日乘子法详解
  20. android4.0 USB Camera实例(三)UVC

热门文章

  1. ASP.NET Web Form 与 ASP.NET MVC 区别
  2. Oracle入门第四天(下)——约束
  3. 20155233 2016-2017-2 《Java程序设计》第10周学习总结
  4. 20155306 2016-2017-2 《Java程序设计》第1周学习总结
  5. mycp 补交作业
  6. 20155308 2016-2017-2 《Java程序设计》第10周学习总结
  7. day5 二值化
  8. django使用流程
  9. ASP.NET获取汉字拼音的首字母
  10. 用Micro:bit做浇灌系统