DOM 高级编程


Posted in Javascript onMay 06, 2015

前言: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

Javascript 相关文章推荐
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 Javascript
Javascript数组与字典用法分析
Dec 13 Javascript
node.js中的fs.fchmodSync方法使用说明
Dec 16 Javascript
js判断某个方法是否存在实例代码
Jan 10 Javascript
jQuery实现简易的输入框字数计数功能示例
Jan 16 Javascript
Vue 进阶教程之v-model详解
May 06 Javascript
jq.ajax+php+mysql实现关键字模糊查询(示例讲解)
Jan 02 Javascript
使用Angular自定义字段校验指令的方法示例
Feb 01 Javascript
jQuery操作动画完整实例分析
Jan 10 jQuery
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
Mar 10 Javascript
js获得当前系统日期时间的方法
May 06 #Javascript
js字符串操作方法实例分析
May 06 #Javascript
ajax+jQuery实现级联显示地址的方法
May 06 #Javascript
javascript十六进制及二进制转化的方法
May 06 #Javascript
js拆分字符串并将分割的数据放到数组中的方法
May 06 #Javascript
Juery解决tablesorter中文排序和字符范围的方法
May 06 #Javascript
javascript操作表格排序实例分析
May 06 #Javascript
You might like
asp和php下textarea提交大量数据发生丢失的解决方法
2008/01/20 PHP
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
ThinkPHP中limit()使用方法详解
2016/04/19 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
学习ExtJS Column布局
2009/10/08 Javascript
多浏览器支持的右下角浮动窗口
2010/04/01 Javascript
javascript 单例/单体模式(Singleton)
2011/04/07 Javascript
解决遍历时Array.indexOf产生的性能问题
2012/07/03 Javascript
JavaScript实现自定义媒体播放器方法介绍
2017/01/03 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
React简单介绍
2017/05/24 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
jquery+css实现下拉列表功能
2017/09/03 jQuery
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
vue select组件的使用与禁用实现代码
2018/04/10 Javascript
jQuery实现table表格checkbox全选的方法分析
2018/07/04 jQuery
ES6 let和const定义变量与常量的应用实例分析
2019/06/27 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
vue本地打开build后生成的dist文件夹index.html问题
2019/09/04 Javascript
vue实现登录、注册、退出、跳转等功能
2020/12/23 Vue.js
[01:04:14]VP vs TNC 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
Python实现淘宝秒杀功能的示例代码
2021/01/19 Python
丹尼尔惠灵顿手表天猫官方旗舰店:Daniel Wellington
2017/08/25 全球购物
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
出纳岗位职责模板
2013/11/27 职场文书
保护环境演讲稿
2014/05/10 职场文书
创先争优活动承诺书
2014/08/30 职场文书
学位证书委托书
2014/09/30 职场文书
遗嘱继承权公证书
2015/01/26 职场文书
python使用pywinauto驱动微信客户端实现公众号爬虫
2021/05/19 Python
PyMongo 查询数据的实现
2021/06/28 Python