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 相关文章推荐
利用谷歌地图API获取点与点的距离的js代码
Oct 11 Javascript
js中Math之random,round,ceil,floor的用法总结
Dec 26 Javascript
jQuery动态添加、删除元素的方法
Jan 09 Javascript
防止登录页面出现在frame中js代码
Jul 22 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
JS轮播图实现简单代码
Feb 19 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 jQuery
微信小程序实现即时通信聊天功能的实例代码
Aug 17 Javascript
JS实现的贪吃蛇游戏案例详解
May 01 Javascript
JavaScript如何借用构造函数继承
Nov 06 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
node.js中事件触发器events的使用方法实例分析
Nov 23 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
重置版战役片段
2020/04/09 魔兽争霸
php以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
学习php设计模式 php实现观察者模式(Observer)
2015/12/09 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
redis+php实现微博(三)微博列表功能详解
2019/09/23 PHP
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
2011/08/28 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
2013/08/07 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
2016/08/11 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
js实现无缝滚动图
2017/02/22 Javascript
详解Vue 2.0封装axios笔记
2017/06/22 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
vue等两个接口都返回结果再执行下一步的实例
2020/09/08 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
python方法生成txt标签文件的实例代码
2018/05/10 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
Python库安装速度过慢解决方案
2020/07/14 Python
python如何操作mysql
2020/08/17 Python
python中PyQuery库用法分享
2021/01/15 Python
pycharm 使用tab跳出正在编辑的括号(){}{}等问题
2021/02/26 Python
Redbubble法国:由独立艺术家设计的独特产品
2019/01/08 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
迎新生欢迎词
2015/01/23 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
Java使用JMeter进行高并发测试
2021/11/23 Java/Android
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android