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 document.images实例
May 27 Javascript
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
Sep 22 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
从零学习node.js之搭建http服务器(二)
Feb 21 Javascript
Node.js常用工具之util模块
Mar 09 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
JS图片预加载插件详解
Jun 21 Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 Javascript
JavaScript实现左侧菜单效果
Dec 14 Javascript
ReactNative实现Toast的示例
Dec 31 Javascript
vue路由缓存的几种实现方式小结
Feb 02 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乱码问题,UTF-8乱码常见问题小结
2012/04/09 PHP
解析PHP中DIRECTORY_SEPARATOR,PATH_SEPARATOR两个常量的作用
2013/06/21 PHP
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
php获取百度收录、百度热词及百度快照的方法
2015/04/02 PHP
PHP嵌套输出缓冲代码实例
2015/05/12 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
Angular中ng-options下拉数据默认值的设定方法
2017/06/21 Javascript
vue项目总结之文件夹结构配置详解
2017/12/13 Javascript
JavaScript实现页面中录音功能的方法
2019/06/04 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
2020/09/21 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
[00:10]神之谴戒
2019/03/06 DOTA
Python查看多台服务器进程的脚本分享
2014/06/11 Python
Python中不同进制互相转换(二进制、八进制、十进制和十六进制)
2015/04/05 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
Python中字典的setdefault()方法教程
2017/02/07 Python
Python使用jsonpath-rw模块处理Json对象操作示例
2018/07/31 Python
python使用xlrd模块读取xlsx文件中的ip方法
2019/01/11 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
scrapy爬虫:scrapy.FormRequest中formdata参数详解
2020/04/30 Python
python中的django是做什么的
2020/07/31 Python
HTML5 transform三维立方体实现360无死角三维旋转效果
2014/08/22 HTML / CSS
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
一些Unix笔试题和面试题
2012/09/25 面试题
《泉水》教学反思
2014/04/11 职场文书
学习与创新自我评价
2015/03/09 职场文书
入党积极分子群众意见
2015/06/01 职场文书
植物园观后感
2015/06/11 职场文书
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python