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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
Jquery插件之打造自定义的select标签
Nov 30 Javascript
js判断为空Null与字符串为空简写方法
Feb 24 Javascript
60个很实用的jQuery代码开发技巧收集
Dec 15 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
JavaScript获取服务器端时间的方法
Nov 29 Javascript
详解AngularJS跨页面传值(ui-router)
Aug 23 Javascript
React Native中NavigatorIOS组件的简单使用详解
Jan 27 Javascript
判断iOS、Android以及PC端的示例代码
Nov 15 Javascript
js中怎么判断两个字符串相等的实例
Jan 17 Javascript
React 父子组件通信的实现方法
Dec 05 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实现多级树型菜单
2006/10/09 PHP
Apache+php+mysql在windows下的安装与配置图解(最新版)
2008/11/30 PHP
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例
2017/06/07 PHP
js验证表单大全
2006/11/25 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
JS基于递归实现倒计时效果的方法
2016/11/26 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
vue element 中的table动态渲染实现(动态表头)
2019/11/21 Javascript
原生js+canvas实现贪吃蛇效果
2020/08/02 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
Nuxt 项目性能优化调研分析
2020/11/07 Javascript
js实现随机点名功能
2020/12/23 Javascript
JavaScript如何实现防止重复的网络请求的示例
2021/01/28 Javascript
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
python Django编写接口并用Jmeter测试的方法
2019/07/31 Python
基于python实现从尾到头打印链表
2019/11/02 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
python 递归调用返回None的问题及解决方法
2020/03/16 Python
Python偏函数Partial function使用方法实例详解
2020/06/17 Python
python判断字符串以什么结尾的实例方法
2020/09/18 Python
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
adidas官方旗舰店:德国运动用品制造商
2017/11/25 全球购物
事业单位个人应聘自荐信
2013/09/21 职场文书
助人为乐表扬信范文
2014/01/14 职场文书
装饰公司活动策划方案
2014/08/23 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
资产移交协议书
2016/03/24 职场文书
MyBatis 动态SQL全面详解
2021/10/05 MySQL
Mysql使用全文索引(FullText index)的实例代码
2022/04/03 MySQL