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 相关文章推荐
JavaScript实现x秒后自动跳转到一个页面
Jan 03 Javascript
js获取键盘按键响应事件(兼容各浏览器)
May 16 Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 Javascript
jQuery插件分享之分页插件jqPagination
Jun 06 Javascript
AngularJS入门教程之Hello World!
Dec 06 Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 Javascript
bootstrapValidator表单验证插件学习
Dec 30 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
Feb 18 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
Mar 30 Javascript
详解vue.js的devtools安装
May 26 Javascript
JS实现在线ps功能详解
Jul 31 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
在PHP中设置、使用、删除Cookie的解决方法
2013/05/06 PHP
php json_encode()函数返回json数据实例代码
2014/10/10 PHP
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
写得不错的jquery table鼠标经过变色代码
2013/09/27 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
js获取表格的行数和列数的方法
2015/10/23 Javascript
js实现获取两个日期之间所有日期的方法
2016/06/17 Javascript
Node.js的基本知识简单汇总
2016/09/19 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
快速搭建React的环境步骤详解
2017/11/06 Javascript
angular之ng-template模板加载
2017/11/09 Javascript
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
详解ECMAScript typeof用法
2018/07/25 Javascript
javascript删除数组元素的七个方法示例
2019/09/09 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
[03:38]2014DOTA2西雅图国际邀请赛 VG战队巡礼
2014/07/07 DOTA
[49:20]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
python rsa 加密解密
2017/03/20 Python
Django实现组合搜索的方法示例
2018/01/23 Python
Python计算不规则图形面积算法实现解析
2019/11/22 Python
使用keras实现Precise, Recall, F1-socre方式
2020/06/15 Python
Python爬虫如何应对Cloudflare邮箱加密
2020/06/24 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
Linux如何压缩可执行文件
2013/10/21 面试题
2014新年寄语
2014/01/20 职场文书
志愿者活动总结范文
2014/04/26 职场文书
如何写求职信
2014/05/24 职场文书
小学班主任教育随笔
2015/08/15 职场文书
创业计划书之酒吧
2019/12/02 职场文书
React实现动效弹窗组件
2021/06/21 Javascript