简述JavaScript对传统文档对象模型的支持


Posted in Javascript onJune 16, 2015

 这是将其在JavaScript语言早期版本中引入的模型。大家都被所有浏览器都支持,但只允许访问文件的某些关键部分,如表单,表单元素和图像。

该模型提供了若干个只读属性,如标题,URL和上次更改提供关于文档整体的信息。除了有由该模型可用于设置和获取文档的属性值提供各种方法。
文档属性在传统DOM:

下面是文档属性,可以使用传统DOM访问列表:

简述JavaScript对传统文档对象模型的支持

简述JavaScript对传统文档对象模型的支持

 文档方法在传统DOM:

这里是由传统DOM支持的方法列表:

简述JavaScript对传统文档对象模型的支持

 例子:

我们可以找到任何HTML元素,使用HTML DOM任何HTML文档。例如,如果一个网页文件包含一个表单元素,然后使用JavaScript,我们可以把它称为document.forms[0]。如果Web文档包括两个形式元素的第一种形式被称为document.forms[0]和第二为document.forms[1]。

利用上面给出的层次结构和性质,可以使用document.forms[0].elements[0]等。

下面是一个例子访问使用传统DOM方法文档属性:

<html>
<head>
<title> Document Title </title>
<script type="text/javascript">
<!--
function myFunc()
{
  var ret = document.title;
  alert("Document Title : " + ret );

  var ret = document.URL;
  alert("Document URL : " + ret );

  var ret = document.forms[0];
  alert("Document First Form : " + ret );

  var ret = document.forms[0].elements[1];
  alert("Second element : " + ret );

}
//-->
</script>
</head>
<body>
<h1 id="title">This is main title</h1>
<p>Click the following to see the result:</p>

<form name="FirstForm">
<input type="button" value="Click Me" onclick="myFunc();" />
<input type="button" value="Cancel">
</form>

<form name="SecondForm">
<input type="button" value="Don't ClickMe"/>
</form>

</body>
</html>

注意: 这个例子的形式和内容等返回对象,我们将不得不使用未在本教程中讨论这些对象的属性来访问它们的值。

Javascript 相关文章推荐
Firefox getBoxObjectFor getBoundingClientRect联系
Oct 26 Javascript
javascript window对象属性整理
Oct 24 Javascript
jquery radio 操作代码
Mar 16 Javascript
JQuery获取表格数据示例代码
May 26 Javascript
用循环或if语句从json中取数据示例
Aug 18 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
Apr 26 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
ActiveX控件的使用-js实现打印超市小票功能代码详解
Nov 22 Javascript
antd组件Upload实现自己上传的实现示例
Dec 18 Javascript
Vue中axios拦截器如何单独配置token
Dec 27 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 #Javascript
Bootstrap基础学习
Jun 16 #Javascript
简述JavaScript的正则表达式中test()方法的使用
Jun 16 #Javascript
常用DOM整理
Jun 16 #Javascript
AngularJS学习笔记之ng-options指令
Jun 16 #Javascript
在JavaScript的正则表达式中使用exec()方法
Jun 16 #Javascript
JavaScript正则表达式之multiline属性的应用
Jun 16 #Javascript
You might like
PHP中str_replace函数使用小结
2008/10/11 PHP
php在window iis的莫名问题的测试方法
2013/05/14 PHP
php获取域名的google收录示例
2014/03/24 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
php数组生成html下拉列表的方法
2015/07/20 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
jquery限定文本框只能输入数字即整数和小数
2013/11/29 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
2015/05/15 Javascript
javascript中传统事件与现代事件
2015/06/23 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
获取jqGrid中选择的行的数据
2016/11/30 Javascript
javascript prototype原型详解(比较基础)
2016/12/26 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
2018/11/05 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
python遍历类中所有成员的方法
2015/03/18 Python
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
Python Logging 日志记录入门学习
2018/06/02 Python
Python 计算任意两向量之间的夹角方法
2019/07/05 Python
Python实现区域填充的示例代码
2021/02/03 Python
美国婚戒购物网站:Anjays Designs
2017/06/28 全球购物
Boutique 1美国:阿联酋奢侈时尚零售商
2017/10/16 全球购物
优秀班干部事迹材料
2014/01/26 职场文书
售前工程师职业生涯规划
2014/03/02 职场文书
大学生交通专业求职信
2014/09/01 职场文书
法人代表证明书
2014/09/18 职场文书
病人家属写给医院的感谢信
2015/01/23 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
python神经网络 使用Keras构建RNN训练
2022/05/04 Python