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 相关文章推荐
utf8的编码算法 转载
Dec 27 Javascript
javascript 禁止复制网页
Jun 11 Javascript
js相册效果代码(点击创建即可)
Apr 16 Javascript
javascript中取前n天日期的两种方法分享
Jan 26 Javascript
js获取当前地址 JS获取当前URL的示例代码
Feb 26 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
Mar 04 Javascript
JQuery实现样式设置、追加、移除与切换的方法
Jun 11 Javascript
微信小程序 LOL 英雄介绍开发实例
Sep 30 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
Dec 01 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
Jun 17 Javascript
Vue实现base64编码图片间的切换功能
Dec 04 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 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 阴历-农历-转换类代码
2012/01/16 PHP
PHP获取windows登录用户名的方法
2014/06/24 PHP
php rsa加密解密使用详解
2015/01/14 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
JS子父窗口互相操作取值赋值的方法介绍
2013/05/11 Javascript
ie9 提示'console' 未定义问题的解决方法
2014/03/20 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
2014/06/09 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
2015/07/29 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
2016/04/13 Javascript
AngularJS内建服务$location及其功能详解
2016/07/01 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
2019/08/12 Javascript
vue cli3 配置proxy代理无效的解决
2019/10/30 Javascript
[13:16]INFAMOUS vs VGJ T BO3
2018/06/07 DOTA
Python通过解析网页实现看报程序的方法
2014/08/04 Python
python并发2之使用asyncio处理并发
2017/12/21 Python
Python如何抓取天猫商品详细信息及交易记录
2018/02/23 Python
设置python3为默认python的方法
2018/10/31 Python
Python从函数参数类型引出元组实例分析
2019/05/28 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
python 使用paramiko模块进行封装,远程操作linux主机的示例代码
2020/12/03 Python
在Python中实现字典反转案例
2020/12/05 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
Nike俄罗斯官方网站:Nike RU
2021/03/05 全球购物
大三在校生电子商务求职信
2013/10/29 职场文书
工作个人的自我评价
2014/01/14 职场文书
给校长的一封建议书
2014/03/12 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
群众路线调研报告范文
2014/11/03 职场文书
超市店长竞聘书
2015/09/15 职场文书