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 相关文章推荐
判断脚本加载是否完成的方法
May 26 Javascript
javascript instanceof 内部机制探析
Oct 15 Javascript
js处理json以及字符串的比较等常用操作
Sep 08 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
微信小程序 弹框和模态框实现代码
Mar 10 Javascript
swiper自定义分页器使用方法详解
Sep 14 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
Sep 01 Javascript
angular 服务随记小结
May 06 Javascript
浅谈目前可以使用ES10的5个新特性
Jun 25 Javascript
vue element-ui读取pdf文件的方法
Nov 26 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
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
php 攻击方法之谈php+mysql注射语句构造
2009/10/30 PHP
PHP中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
php实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
PHP实现验证码校验功能
2017/11/16 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
网页上的Javascript编辑器和代码格式化
2010/04/25 Javascript
iframe的父子窗口之间的对象相互调用基本用法
2013/09/03 Javascript
js实现Form栏显示全格式时间时钟效果代码
2015/08/19 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
vue cli 3.0 搭建项目的图文教程
2019/05/17 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
2019/10/11 Javascript
用JS实现一个简单的打砖块游戏
2019/12/11 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
pandas通过loc生成新的列方法
2018/11/28 Python
python SVM 线性分类模型的实现
2019/07/19 Python
Python操作qml对象过程详解
2019/09/26 Python
在 Python 中接管键盘中断信号的实现方法
2020/02/04 Python
学python最电脑配置有要求么
2020/07/05 Python
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
2012/12/28 HTML / CSS
Alba Moda瑞士网上商店:独家意大利时尚女装销售
2016/11/28 全球购物
英国创新设计文具、卡片和礼品包装网站:Paperchase
2018/07/14 全球购物
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
小班秋游活动方案
2014/02/22 职场文书
2014年青年教师工作总结
2014/12/17 职场文书
大学生入党自传2015
2015/06/26 职场文书
vue中 this.$set的使用详解
2021/11/17 Vue.js
NGINX 权限控制文件预览和下载的实现原理
2022/01/18 Servers