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编程学习笔记（二）图片库案例

    <JavascriptDOM编程艺术>提供一个图片库的demo,主要讲解如何更好的使用JavaScript在网页中,跟随作者的思路来分析一下这个案例 首先需求是将图片发布到网上,但是如果发 ...

  2. javascriptDOM编程艺术_学习笔记_知识点 动态创建标记

    传统技术:document.write 和 innerHTML 深入剖析DOM方法:createElement.createTextNode.appendChild 和 insertBefore   ...

  3. javascriptDOM编程艺术_学习笔记_知识点 DOM

    第三章   getElementById    返回一个与那个有着给定id属性值的元素节点对应的对象. document.getElementById(id) 下面一个例子: document.get ...

  4. JavaScript-DOM编程的一些常用属性

    一.Document常见属性 document.title // 设置文档标题等价于HTML的title标签 document.bgColor // 设置页面背景色 document.fgColor ...

  5. JavascriptDom编程艺术(笔记)

    如果想快速学习dom的话,建议去菜鸟教程,比较浅显易懂,实战性较强.我是看纸质的书,主要是花钱,心疼,所以看完,容易记住. 1.重点: .变量 -.var修饰 -.赋值,用=号,例如ver age = ...

  6. JavaScriptDOM编程学习笔记（一）DOM概述

    首先介绍下DOM,一套对文档的内容进行抽象和概念化的方法.即Document Object Model,当创建了一个网页并加载到Web浏览器中时,DOM就把编写的网页转换为一个文档对象,而通过浏览器提 ...

  7. javascript学习 真正理解DOM脚本编程技术背后的思路和原则

    本文学习来源于<javascriptDOM编程艺术>仅作笔记 学会怎样才能利用DOM脚本编程技术以一种既方便自己更体贴用户的方式去充实和完善你们的网页. 循序渐进:从最核心的内容开始,逐步 ...

  8. JavaScript之通用addLoadEvent代码源码

    在执行javascript代码时 很多情况下 我们是希望代码在网页加载完毕后立刻进行的 大家可能会立刻想到使用window.onload时间处理函数,然后通过 window.onload=functi ...

  9. Web前端开发推荐阅读书籍、学习课程下载

    转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学 ...

随机推荐

  1. 我遇到的有关git的问题及解决方法总结

    有关git的问题 ** 1.在github上创建项目 2.使用git clone https://github.com/xxxxxxx/xxxxx.git克隆到本地 3.编辑项目 4.git add ...

  2. 201552-53 《Java程序设计》第五周问题汇总

    201552-53 <Java程序设计>第五周问题汇总 1.编译时,终端显示: 注:XXX.java使用了未经检查或不安全的操作,如何解决? 解答:并不是错误,可以忽视. 2.构造函数与类 ...

  3. 20155217 实验二 Java面向对象程序设计 实验报告

    20155217 实验二 Java面向对象程序设计 实验报告 实验内容 初步掌握单元测试和TDD 理解并掌握面向对象三要素:封装.继承.多态 初步掌握UML建模 熟悉S.O.L.I.D原则 了解设计模 ...

  4. 20155311 《Java程序设计》实验四 （Android程序设计）实验报告

    20155311 <Java程序设计>实验四 (Android程序设计)实验报告 实验内容 基于Android Studio开发简单的Android应用并部署测试; 了解Android.组 ...

  5. OpenCV中对Mat里面depth,dims,channels,step,data,elemSize和数据地址计算的理解

    原文:OpenCV中对Mat里面depth,dims,channels,step,data,elemSize和数据地址计算的理解 Title : cv::Mat depth/dims/channels ...

  6. 人脸识别引擎SeetaFaceEngine中Identification模块使用的测试代码

    人脸识别引擎SeetaFaceEngine中Identification模块用于比较两幅人脸图像的相似度,以下是测试代码: int test_recognize() { const std::stri ...

  7. CF 1083 C. Max Mex

    C. Max Mex https://codeforces.com/contest/1083/problem/C 题意: 一棵$n$个点的树,每个点上有一个数(每个点的上的数互不相同,而且构成一个0~ ...

  8. [NOIp2018]货币系统 背包

    LG传送门 完全背包板子题 显然就是判断有多少种面值的货币可以被其他面值的货币表示,完全背包搞一搞就好了. 考场代码(一看这两格缩进就知道是考场代码): #include<cstdio> ...

  9. gtest命令行测试案例

    使用gtest编写的测试案例通常本身就是一个可执行文件,因此运行起来非常方便.同时,gtest也为我们提供了一系列的运行参数(环境变量.命令行参数或代码里指定),使得我们可以对案例的执行进行一些有效的 ...

  10. VR中射线点击按钮的实现

    VR中实现UI的Button点击,主要是需要实现IPointerClickHandler接口,因为在Unity将所有的按钮操作都封装成了相应的接口,需要相应的功能只需要去实现对应的接口就好了.在这里我 ...