DOM 高级编程

前言：W3C规定的三类DOM标准接口（换图）Core DOM（核心DOM），适用于各种结构化文档；XML DOM（Java OOP学过），专用于XML文档；HTML DOM，专用于HTML文档，下面了解下面几个问题。

一、location和history对象

back()  //返回
forward() 
go()  //前进
location 
href  //链接
reload  //加载

二、location和history对象的应用

代码如下:

<a href="javascript:location.href='flower.html'">查看鲜花详情</a> 
<a href="javascript:location.reload()">刷新本页</a>
<a href="javascript:history.back()">返回主页面</a>

三、Document对象的常用属性

1.referrer（返回载入当前文档的文档的URL）
2.URL（返回当前文档的URL） document.referrer document.URL

Document对象的常用方法

代码如下:

getElementById()（返回对拥有指定id的第一个对象的引用）   
getElementsByName()（返回带有指定名称的对象的集合）   
getElementsByTagName()（返回带有指定标签名的对象的集合）  
write()（向文档写文本、HTML表达式或JavaScript代码）

四、三种访问页面元素的区别

getElementById() 按元素的ID名称来访问
getElementsByName() 按元素的name名称来访问
getElementsByTagName() 按标签来访问

五、元素的显示和隐藏

1.visibility visible（表示元素是可见的）

hidden（表示元素是不可见的） object.style.visibility="值"

2.display none（表示此元素不会被显示）

block（表示此元素将显示为块级元素，此元素前后会带有换行符） object.style.display="值"

六、复选框的属性

复选框的checked属性值 选中：true 未选中：false

赞 (0)

相关推荐

  • DOM 高级编程

    前言:W3C规定的三类DOM标准接口(换图)Core DOM(核心DOM),适用于各种结构化文档:XML DOM(Java OOP学过),专用于XML文档:HTML DOM,专用于HTML文档,下面了解下面几个问题. 一.location和history对象 back()  //返回 forward()  go()  //前进 location  href  //链接 reload  //加载 二.location和history对象的应用 复制代码 代码如下: <a href="java

  • 《JavaScript高级编程》学习笔记之object和array引用类型

    本文给大家分享我的javascript高级编程学习笔记之object和array引用类型,涉及到javascript引用类型相关知识,大家一起看看把. 1. Object类型 大多数引用类型值都是Object类型的实例:而且Object也是ECMAScript中使用最多的一个类型. 创建Object实例有如下两种方式: new操作符后跟Object构造函数: var person=new Object( ); person.name="webb"; person.age=25; 对象字

  • Mac OS X 10.8 中编译APUE（Unix环境高级编程）的源代码过程

    最近在温习APUE(<unix环境高级编程>),以前都是在linux下搞,现在打算在自己机器弄下,于是google了下,把编译的事情搞定了,修改了一些教程的一些错误,比如下载链接之类的. 1.下载源文件,我这里是第二版,貌似第三版的英文版出来了... 复制代码 代码如下: wget http://www.apuebook.com/src.2e.tar.gz 2.解压 复制代码 代码如下: tar zxf src.2e.tar.gz 3.修改些东西 复制代码 代码如下: cd apue.2e/

  • Python高级编程之继承问题详解(super与mro)

    Python高级编程之继承问题详解(super与mro)

    本文实例讲述了Python高级编程之继承问题.分享给大家供大家参考,具体如下: 多继承问题 1.单独调用父类: 一个子类同时继承自多个父类,又称菱形继承.钻石继承. 使用父类名.init(self)方式调用父类时: 例: class Parent(object): def __init__(self, name): self.name = name print('parent的init结束被调用') class Son1(Parent): def __init__(self, name, age

  • Python高级编程之消息队列(Queue)与进程池(Pool)实例详解

    Python高级编程之消息队列(Queue)与进程池(Pool)实例详解

    本文实例讲述了Python高级编程之消息队列(Queue)与进程池(Pool).分享给大家供大家参考,具体如下: Queue消息队列 1.创建 import multiprocessing queue = multiprocessing.Queue(队列长度) 2.方法 方法 描述 put 变量名.put(数据),放入数据(如队列已满,则程序进入阻塞状态,等待队列取出后再放入) put_nowait 变量名.put_nowati(数据),放入数据(如队列已满,则不等待队列信息取出后再放入,直接报

  • PHP高级编程之消息队列原理与实现方法详解

    本文实例讲述了PHP高级编程之消息队列原理与实现方法.分享给大家供大家参考,具体如下: 1. 什么是消息队列 消息队列(英语:Message queue)是一种进程间通信或同一进程的不同线程间的通信方式 2. 为什么使用消息队列 消息队列技术是分布式应用间交换信息的一种技术.消息队列可驻留在内存或磁盘上,队列存储消息直到它们被应用程序读出.通过消息队列,应用程序可独立地执行,它们不需要知道彼此的位置.或在继续执行前不需要等待接收程序接收此消息. 3. 什么场合使用消息队列 你首先需要弄清楚,消息

  • Node.js高级编程cluster环境及源码调试详解

    目录 前言 准备调试环境 编译 Node.js 准备 IDE 环境 Cluster 源码调试 SharedHandle RoundRobinHandle 为什么端口不冲突 SO_REUSEADDR 补充 SharedHandle 和 RoundRobinHandle 两种模式的对比 前言 日常工作中,对 Node.js 的使用都比较粗浅,趁未羊之际,来学点稍微高级的,那就先从 cluster 开始吧. 尼古拉斯张三说过,“带着问题去学习是一个比较好的方法”,所以我们也来试一试. 当初使用 clu

  • javascript高级编程之函数表达式 递归和闭包函数

    javascript高级编程之函数表达式 递归和闭包函数

    定义函数表达式有两种方式:函数声明和函数表达式. 函数声明如下: function functionName(arg0,arg1,arg2){ //函数体 } 首先是function关键字,然后是函数的名字. FF,Safrai,Chrome和Opera都给函数定义了一个非标准的name属性,通过这个属性可以访问到函数指定的名字.这个函数的值永远等于跟在function关键字后面的标识符. //只在FF,Safari,Chrome和Opera有效 alert(functionName.name)

  • 介绍Python中的一些高级编程技巧

     正文: 本文展示一些高级的Python设计结构和它们的使用方法.在日常工作中,你可以根据需要选择合适的数据结构,例如对快速查找性的要求.对数据一致性的要求或是对索引的要求等,同时也可以将各种数据结构合适地结合在一起,从而生成具有逻辑性并易于理解的数据模型.Python的数据结构从句法上来看非常直观,并且提供了大量的可选操作.这篇指南尝试将大部分常用的数据结构知识放到一起,并且提供对其最佳用法的探讨. 推导式(Comprehensions) 如果你已经使用了很长时间的Python,那么你至少应该

  • jQuery的基本概念与高级编程

    (1)jQuery是由美国人John Resig于2006年创建的一个JavaScript库,从最初的1.0版本发展到2011年3月面世的1.5.2版本.作为一个JavaScript库,jQuery极大程度上解决了浏览器的兼容性问题,能够在IE 6.0 +.FF 2.0 +.Safari 3.0 +.Opera 9.0 +以及Chrome下正常运行. (2)虽然jQuery并不是唯一的JavaScript库,也不是最早出现的JavaScript库,但是jQuery的影响力却是最大的,它不断地吸引

随机推荐