欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡述JavaScript對傳統(tǒng)文檔對象模型的支持

 更新時(shí)間：2015年06月16日 10:40:47   投稿：goldensun  
這篇文章主要介紹了簡述JavaScript對傳統(tǒng)文檔對象模型的支持,是JS學(xué)習(xí)進(jìn)階中的重要知識(shí),需要的朋友可以參考下

 這是將其在JavaScript語言早期版本中引入的模型。大家都被所有瀏覽器都支持，但只允許訪問文件的某些關(guān)鍵部分，如表單，表單元素和圖像。

該模型提供了若干個(gè)只讀屬性，如標(biāo)題，URL和上次更改提供關(guān)于文檔整體的信息。除了有由該模型可用于設(shè)置和獲取文檔的屬性值提供各種方法。
文檔屬性在傳統(tǒng)DOM：

下面是文檔屬性，可以使用傳統(tǒng)DOM訪問列表：

2015616103205974.jpg (662×762)

2015616103233946.jpg (655×726)

 文檔方法在傳統(tǒng)DOM：

這里是由傳統(tǒng)DOM支持的方法列表：

2015616103255189.jpg (681×498)

 例子：

我們可以找到任何HTML元素，使用HTML DOM任何HTML文檔。例如，如果一個(gè)網(wǎng)頁文件包含一個(gè)表單元素，然后使用JavaScript，我們可以把它稱為document.forms[0]。如果Web文檔包括兩個(gè)形式元素的第一種形式被稱為document.forms[0]和第二為document.forms[1]。

利用上面給出的層次結(jié)構(gòu)和性質(zhì)，可以使用document.forms[0].elements[0]等。

下面是一個(gè)例子訪問使用傳統(tǒng)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>

注意: 這個(gè)例子的形式和內(nèi)容等返回對象，我們將不得不使用未在本教程中討論這些對象的屬性來訪問它們的值。

相關(guān)文章

最新評論