简述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 相关文章推荐
javascript的内存管理详解
Aug 07 Javascript
浅析Javascript使用include/require
Nov 13 Javascript
js字符串截取函数substr substring slice使用对比
Nov 27 Javascript
jquery控制display属性为none或block
Mar 31 Javascript
在JavaScript的正则表达式中使用exec()方法
Jun 16 Javascript
详解JavaScript数组过滤相同元素的5种方法
May 23 Javascript
jquery实现放大镜简洁代码(推荐)
Jun 08 jQuery
JS实现图片预览的两种方式
Jun 27 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
Dec 08 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
Sep 21 Javascript
Vue 3.0双向绑定原理的实现方法
Oct 23 Javascript
实例分析javascript中的异步
Jun 02 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
ThinkPHP模板判断输出Defined标签用法详解
2014/06/30 PHP
php多线程实现方法及用法实例详解
2015/10/26 PHP
Ubuntu 16.04中Laravel5.4升级到5.6的步骤
2018/12/07 PHP
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
2012/02/10 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
Js冒泡事件详解及阻止示例
2014/03/21 Javascript
js 实现的可折叠留言板(附源码下载)
2014/07/01 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
Vue scoped及deep使用方法解析
2020/08/01 Javascript
下载安装setuptool和pip linux安装pip    
2014/01/24 Python
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
pandas 选择某几列的方法
2018/07/03 Python
mac PyCharm添加Python解释器及添加package路径的方法
2018/10/29 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
pytorch 输出中间层特征的实例
2019/08/17 Python
python 字符串常用函数详解
2019/09/11 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
Python字典取键、值对的方法步骤
2020/09/30 Python
台湾东南旅游社网站:东南旅游
2019/02/11 全球购物
SK-II神仙水美国官网:SK-II美国
2020/02/25 全球购物
开放系统互连参考模型
2016/06/29 面试题
如何执行一个shell程序
2012/11/23 面试题
小学教师岗位职责
2013/11/25 职场文书
医学求职信
2014/05/28 职场文书
建筑学专业自荐书
2014/07/09 职场文书
食品安全演讲稿
2014/09/01 职场文书
2014年财政所工作总结
2014/11/22 职场文书
捐款感谢信
2015/01/20 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
2021年pycharm的最新安装教程及基本使用图文详解
2021/04/03 Python
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS