澳门威利斯人_威利斯人娱乐「手机版」

来自 澳门威利斯人 2019-08-31 17:46 的文章
当前位置: 澳门威利斯人 > 澳门威利斯人 > 正文

用JavaScript获取页面文档内容的实现代码,DOM的区

JavaScript的document对象包罗了页面的实际上内容,所以选择document对象能够拿走页面内容,譬喻页面标题、种种表单值。

区别:

BOM是browser object model的缩写,简称浏览器对象模型。先看看下边那张图

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>js基础</title>

</head>

<body>
<p>一. 用Document对象获得页面标题</p>
<hr/>
<p>二. 用Document访问一下两个表单</p>

<p>第一个,文本框的值</p>

<form name="textform">
  <input name="textname" type="text" value="请输入文本"/>
</form>
<p>第二个,按钮的值</p>

<form name="submitform">
  <input name="submitname" type="submit" value="第一个表单内提交"/>
</form>
<hr/>
<p>以下是获取到的值</p>
<table border="1" cellspacing="4" cellpadding="2">
  <tr>
    <td>获取到本页的标题是 : </td>
    <td> <b><script>document.write(document.title)</script></b></td>
  </tr>
  <tr>
    <td>本页包含表单 : </td>
    <td><b><script>document.write(document.forms.length)</script></b></td>
  </tr>
  <tr>
    <td>获取到文本框的值 : </td>
    <td><b><script>document.write(window.document.textform.textname.value)</script></b></td>
  </tr>
  <tr>
    <td>获取到按钮的值 : </td>
    <td><b><script>document.write(window.document.submitform.submitname.value)</script></b></td>
  </tr>

</table>

</body>
</html>

javascript

图片 1

上述这篇用JavaScript获取页面文书档案内容的兑当代码正是小编共享给大家的全体内容了,希望能给我们三个仿效,也期望大家多多帮助脚本之家。

JavaScript 是因特网络最流行的浏览器脚本语言。很轻巧接纳!你分明会欣赏它的!

window对象是BOM的顶层(主旨)对象,所有目的都以经过它延伸出来的,也得以称作window的子对象。

您只怕感兴趣的稿子:

  • JS获取整个页面文书档案的实现代码

JavaScript 被数百万计的网页用来革新设计、验证表单、检验浏览器、创制cookies,以及更加多的应用。

因而图能够看来 平常平日使用的一部分指标都是BOM对象。

HTML DOM

下边将次第为你介绍 这个子对象的用途。

HTML DOM 是 W3C 标准(是 HTML 文书档案对象模型的葡萄牙语缩写,Document Object Model for HTML)。

一  window对象

HTML DOM 定义了用于 HTML 的一三种正式的目的,以及探访和管理 HTML 文书档案的规范方法。

window对象除了是BOM中有所目的的父对象外,还带有部分窗口调节函数。

透过 DOM,能够访谈拥有的 HTML 成分,连同它们所饱含的公文和性质。能够对个中的内容开展退换和删除,同期也得以创建新的成分。

JavaScript中的任何一个大局函数或变量都以window的习性。如下代码中的全局变量sTest

HTML DOM 独立于阳台和编制程序语言。它可被别的编制程序语言举个例子 Java、JavaScript 和 VBScript 使用。

1 var sTest="dreamdu";
2 document.write(sTest==window.sTest);

联系:

出于sTest是全局变量,由此能够透过window.sTest访谈这些变量

经过 JavaScript,您能够重构整个 HTML 文书档案。您可以加上、移除、改动或重排页面上的档期的顺序。

window函数索引:

要转移页面包车型客车某些东西,JavaScript 就必要获得对 HTML 文书档案中兼有因素实行访谈的进口。这几个进口,连同对 HTML 成分实行增添、移动、改动或移除的方法和性质,都是透过文书档案对象模型来赢得的(DOM)。
Javascript主假设应用HTML DOM去获得、改造、创立HTML成分,进而完结美化页面、操作页面成分的靶子。由此,在Javascript中最常见的正是巨细无遗的HTML DOM成分以及它们分别的性质。除了那个DOM成特别,Javascript有谈得来的靶子,举个例子数组。

1. 窗体调整函数

    • JavaScript moveBy()  从此时此刻职责水平位移窗体x个像素,垂直运动窗体y个像素,x为负数,将向左移动窗体,y为负数,将向上移动窗体
    • JavaScript moveTo() 移动窗体左上角到相对于显示器左上角的(x,y)点,当使用负数做为参数时会吧窗体移出荧屏的可视区域
    • JavaScript resizeBy() 相对窗体当前的深浅,宽度调治w个像素,中度调度h个像素。假如参数为负值,将压缩窗体,反之扩充窗体
    • JavaScript resizeTo() 把窗体宽度调度为w个像素,中度调度为h个像素

简单说,能够以为Javascript主假设垄断HTML DOM。两个是不一样的。
Javascript是语言,DOM是足以在各样语言中(不止js,php也某些)动态修改文书档案的模型。

2. 窗体滚动轴调控函数

    • JavaScript scrollTo() 在窗体中一经有滚动条,将横向滚动条移动到对立于窗体宽度为x个像素的职位,将纵向滚动条移动到争辩于窗体中度为y个像素的岗位
    • JavaScript scrollBy() 假若有滚动条,将横向滚动条移动到争执于当下横向滚动条的x个像素的任务(正是向左移动x像素),将纵向滚动条移动到周旋于当下纵向滚动条中度为y个像素的岗位(就是向下移动y像素)

下边单独拉出JavaScript与DOM的关联给大家详解

3. 窗体宗旨调整函数

    • JavaScript focus() 使窗体或控件获取关节
    • JavaScript blur() 与focus函数相反,使窗体或控件失去主旨

本文由澳门威利斯人发布于澳门威利斯人,转载请注明出处:用JavaScript获取页面文档内容的实现代码,DOM的区

关键词: 澳门威利斯人 JavaScript BOM