简述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 相关文章推荐
同一个表单 根据要求递交到不同页面的实现方法小结
Aug 05 Javascript
原生JS可拖动弹窗效果实例代码
Nov 09 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
Bootstrap树形组件jqTree的简单封装
Jan 25 Javascript
ashx文件获取$.ajax()方法发送的数据
May 26 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
微信小程序实战之自定义抽屉菜单(7)
Apr 18 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
JS中超越现实的匿名函数用法实例分析
Jun 21 Javascript
浅谈vue3中effect与computed的亲密关系
Oct 10 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在字符串中查找指定字符串并删除的代码
2008/10/02 PHP
PHP STRING 陷阱原理说明
2010/07/24 PHP
PHP获取用户访问IP地址的5种方法
2016/05/16 PHP
PHP编程之设置apache虚拟目录
2016/07/08 PHP
php动态读取数据清除最右边距的方法
2017/04/12 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
JavaScript 计算图片加载数量的代码
2011/01/01 Javascript
JavaScript调用客户端Java程序的方法
2015/07/27 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
2016/12/04 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
javascript实现多张图片左右无缝滚动效果
2017/03/22 Javascript
微信小程序中显示html格式内容的方法
2017/04/25 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
layui实现文件或图片上传记录
2018/08/28 Javascript
微信小程序批量上传图片到七牛(推荐)
2019/12/19 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
Python类属性与实例属性用法分析
2015/05/09 Python
python开发之list操作实例分析
2016/02/22 Python
python调用Delphi写的Dll代码示例
2017/12/05 Python
使用 Python 实现文件递归遍历的三种方式
2018/07/18 Python
Django中数据库的数据关系:一对一,一对多,多对多
2018/10/21 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
Python tensorflow实现mnist手写数字识别示例【非卷积与卷积实现】
2019/12/19 Python
tensorflow 重置/清除计算图的实现
2020/01/19 Python
个人教师自我评价范文
2013/12/02 职场文书
木工主管岗位职责
2013/12/08 职场文书
实习教师自我鉴定
2013/12/09 职场文书
期中考试后的反思
2014/02/08 职场文书
《歌唱二小放牛郎》教学反思
2014/04/19 职场文书
运动会口号大全
2014/06/07 职场文书
跑操口号
2014/06/12 职场文书
初中生毕业评语
2014/12/29 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
假如给我三天光明:舟逆水而行,人遇挫而达 
2019/10/29 职场文书