document 文挡对象 - JavaScript脚本语言描述

合集下载

document 文挡对象

document 文挡对象
document.location.hostname // 域名
document.location.href // 完整URL
document.location.pathname // 目录部分
document.location.port // 端口号
document.location.protocol // 网络协议(http:)
document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。
配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建超链接等。
这些好像都是只有在IE下才能实现。。
document.forms[i].target //对应/formform target>属性
document.forms[i].appendChild(oTag) //动态插入一个控件
document.all.oDiv //引用图层oDiv
document.all.oDiv.style.display=”" //图层设置为可视
———————————————————————
images集合(页面中的图象)
a)通过集合引用
document.images //对应页面上的img标签
document.images.length //对应页面上img标签的个数
document.images[0] //第1个img标签
document.all.oDiv.style.display=”none” //图层设置为隐藏
document.getElementId(”oDiv”) //通过getElementId引用对象

js document.all的用法

js document.all的用法

js document.all的用法[js document.all的用法]JavaScript(简称JS)是一种广泛用于前端开发的脚本语言,它提供了一系列的内建对象和API,以帮助开发者操作和控制网页的各种元素。

其中,document.all 是JS中用于访问网页元素的一种方法。

本文将以中括号为主题,详细讲解document.all的用法,并逐步回答与它相关的问题。

一、document.all的基本概念在JS中,document是指代表当前网页的根节点,也就是文档对象模型(DOM)。

而DOM是一种用于在网页上操作和访问元素的规范。

所有的网页元素,比如标签、文本、图像等,都以嵌套的树形结构存在于DOM中。

document.all是一个特殊的JavaScript对象,它代表了DOM中的所有元素。

通过使用document.all,我们可以访问到文档中的任意元素,包括所有的标签、文本和图像等。

它的语法结构如下所示:document.all[elementID]其中,elementID是要访问的元素的ID属性值。

通过使用document.all[elementID],我们可以获取指定ID的元素对象。

二、document.all的使用实例为了更好地理解document.all的用法,我将以一个简单的例子来演示它的应用。

假设我们有一个网页,其中包含一个id为"myElement"的div元素。

我们需要使用document.all来获取该元素对象,并修改它的文本内容。

1. HTML布局首先,我们需要在HTML文件中定义一个div元素,并给它一个独一无二的ID 属性值。

示例如下:html<!DOCTYPE html><html><head><title>document.all用法示例</title></head><body><div id="myElement">Hello, World!</div></body></html>2. JavaScript代码接下来,我们使用JavaScript代码来访问该div元素,并修改它的文本。

IE的document对象属性

IE的document对象属性
getElementsByName 根据 NAME 标签属性的值获取对象的集合。
getElementsByTagName 获取基于指定元素名称的对象集合。
hasFocus 获取表明对象目前是否拥有焦点的值。
mergeAttributes 复制所有读/写标签属性到指定元素。
open 此方法以两种方式工作。该方法打开一个文档用于收集 write 和 writeln 方法的输出。在这种情况下,只使用前两个参数 url 和 name。若指定了附加参数,此方法将打开一个窗口,这与 window 对象的 window.open 方法相同。
setActive 设置对象为当前对象而不将对象置为焦点。
write 在指定窗口的文档中写入一个或多个 HTML 表达式。
writeln 在指定窗口的文档中写入一个或多个 HTML 表达式,后面追加一个换行符。
document对象 - 对象
元素 对象 描述
BODY body 指定文档主体的开始和结束。
expando 设置或获取表明是否可对象内创建任意变量的值。
fgColor 设置或e 获取文件创建的日期。
fileModifiedDate 获取文件上次修改的日期。
fileSize 获取文件大小。
implementation 获取当前文档的 implementation 对象。
document对象 - 注释
此对象在 Microsoft? Internet Explorer 3.0 的脚本中可用。
使用 document 对象可以对 HTML 文档进行检查、修改或添加内容,并处理该文档内部的事件。在 Web 页面上,document 对象可通过 window 对象的 document 属性引用,或者直接引用。

JavaScript对象

JavaScript对象

JavaScript对象在前面介绍过,JavaScript是一种基于对象的脚本语言。

基于对象或面向对象是编程语言中处理问题的方式,即把某些实体作为一个对象来看待。

如在客观世界中,可以把一本书、一头牛作为一个对象来看待,这些都是独立存在的客观实体,本身具有一些属性或方法。

书具有名称、页数等;牛除了具有颜色、体重等,还具有吃、跑等动作。

在JavaScript脚本语言中,可以把数组、函数等作为对象来看待。

在JavaScript中常用的对象有浏览器对象、脚本语言内置对象、HTML对象、自定义对象。

浏览器对象,就是浏览器中可以利用的一些对象,如document文档对象、History历史记录对象等;脚本语言内置对象通常为JavaScript脚本语言中,本身所具有的核心对象,如字符串对象、日期时间对象、熟悉对象等。

HTML对象实际上就是我们熟悉的HTML标记,如段落标记P、层标记DIV等。

自定义对象就是根据程序需要所创建的函数、数组等,特别是函数。

对于后面两种对象,本节就不再介绍了,会在后面的章节中陆续使用到。

1.脚本语言内置对象脚本语言内置对象是JavaScript中内置的一些对象,可以用在JavaScript的客户端或服务器端,也可以称为核心语言对象。

主要包括数学对象Math、日期时间对象Date和字符串对象string。

(1)数学对象MathMath对象是JavaScript中内置的核心语言对象,主要用来处理关于数序运算方面的计算。

如求取一个数的绝对值、两个数的和。

Math对象具有的属性和方法如表8-11所示:表8-11 Math对象的属性和方法(2)字符串对象字符串对象String是最常用的一种对象,如在客户端校验数据信息时,用来判断一个字符串是否包含数字、求取一个字符串的长度、匹配字符串等。

在JavaScri pt中,创建字符串对象的方法很多,如var s=“中国”或ss=new String(“hello”);字符串对象常用属性和方法如表8-12所示:表8-12 字符串对象常用属性和方法在上面表中,属性length和方法indexOf需要注意。

第五章 javascript脚本语言

第五章 javascript脚本语言

第五章 javascript脚本语言
JavaScript的变量:
变量的主要功能就是用来存储数据。在JavaScript中,变
量通常使用var关键字来声明。同其他编程语言一样,
JavaScript对变量的命名也有一定的限制,它首先要求变量名 必须以字母开头,中间可以是任何字母、数字和下划线的组 合。其次变量名不能使用JavaScript语言本身所使用的关键字, 比如var、JavaScript、document等。
第五章 javascript脚本语言
实例5-4 条件语句的使用
一. 本例要求和目的 ★掌握JavaScript语言中的三种基本的条件语句的格式 ★会利用这三种基本条件语句来编写脚本。 二. 操作步骤
在记事本中输入如下源代码,
<HTML> <HEAD> <TITLE>案例5-4</TITLE> </HEAD> <语言
<script language=”JavaScript” <!— 在此编写Javascript代码。 //--〉 </script>
type=”text/javascript”>

第五章 javascript脚本语言
实例5-2通过链接文件引用外部脚本文件
一、本例要求和目的
第五章 javascript脚本语言
2.在网页使用SCRIPT标记符插入脚本程序的 方法
在网页中最常用的一种插入脚本的方式是使用Script标记符, 方法是:把脚本标记符<Script></Script>置于网页上的Head部 分或Body部分,然后在其中加入脚本程序。尽量可以在网页上 的多个位置使用Script标记符,但最好还是将脚本放在Head部 分,以确保容易维护。当然,由于某些脚本的作用是在网页特 定部分显示特殊效果,此时的脚本就会位于Body中的特定位置。 使用Script标记符时,一般同时用language属性和type属性 指出脚本的类型(未简便起见,也可以只使用其中的一种), 以适应不同的浏览器。如果要使用Javascript编写脚本,语法 如下:

Javascript

Javascript

Javascript一、javascript 概念:是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。

当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。

于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。

其作用是用来在页面中编特效的语言,和HTML/CSS一样都是由浏览器解析的。

二、Javascript结构:ECMAScript:js 变量关键字数据类型运算符流程控制循环内置对象DOM:document object mode文档对象模型(看成文档对象)BOM:brows object model 浏览器对象模型(把浏览器看成对象)说明:三、Javascript语法及其ECMAScript:1.Js是运行:从上到下,从左到右执行1.1 JS作用域链即是AO链说明:JS运行分为词法分析期和运行期,但是在运行执行之前,就要对其词法分析,在函数运行的前一瞬间,将会创建Action Object对象.在词法分析的时候由外到内分析AO 链,执行的时候由内到外寻找AO链词法分析:①分析参数:把函数声明的参数,形成Action对象的属性,参数值即为属性值,未赋值那么形成属性后的属性值全都是undefine②分析变量声明:把声明的变量,形成Action的属性,如果Action对象已有该属性,那么将覆盖原来的属性,如果没有该属性,那么将添加该变量为属性,③分析函数声明:把函数赋给Action对象属性,如果已有该属性那么就将覆盖原来的类别说明Javascript 95%都在使用,基本上在网上看到的特效都是用Js做的它是微软开发的和javascript语法相似,并且和javascript都是jscript遵循同一个标准Vbscript Vb程序员经常用applet 是把java语法嵌入到html中Js嵌入方式:①:<script> js代码</script>②连接地址触发js:<a href=”javascript:alert(触发开始)”>demo</a>③form表单触发:action=”javascript:alert( 触发)”说明:①在页面中嵌入javascript,可以再任何地方嵌入,如果是嵌入javascript就直接可以:<script>js代码</scirpt>②如果是嵌入其他类型的那么我们就要这样:<script language=’jscript’>js代码</scirpt>。

JavaScript

JavaScript第1章基本概念Javascript是一种脚本语言,比HTML要复杂。

不过即便你先前不懂编程,也不用担心,因为Javascript 写的程序都是以源代码的形式出现的,也就是说你在一个网页里看到一段比较好的Javascript代码,恰好你也用得上,就可以直接拷贝,然后放到你的网页中去。

正因为可以借鉴、参考优秀网页的代码,所以让Javascript本身也变得非常受欢迎,从而被广泛应用。

原来不懂编程的人,多参考Javascript示例代码,也能很快上手。

Javascript主要是基于客户端运行的,用户点击带有Javascript的网页,网页里的Javascript就传到浏览器,由浏览器对此作处理。

前面提到的下拉菜单、验证表单有效性等大量互动性功能,都是在客户端完成的,不需要和Web Server发生任何数据交换,因此,不会增加Web Server的负担。

JavaScript是一种描述性脚本语言,可以被嵌入到HTML文件中客户端执行。

Java和JavaScript没有任何关系,只是名字像而已。

Java是面向对象编程语言强类型的语言JavaScript是基于对象的脚本语言弱类型的语言解释型语言JavaScript主要应用于网页界面的交互控制,是一门基于事件驱动的语言。

JavaScript是一个跨平台的脚本语言,只有和网页文件配合才能使用。

1.1 特点1.解释执行的脚本编程语言2.基于对象的语言3.由事件驱动,可以直接和用户进行交互4.可以跨平台,仅依赖于浏览器,与操环境无关5.JS可以实现丰富多彩的网页特效及客户端验证功能1.2 id和name的区别与联系相同点:在文档访问时,id和name都可以作为组件的标识来使用。

不同点:id通常用在网页内部,作为组建的唯一标识name通常用来作为传递信息的标签名1.3 基本结构<script>JavaScript语句</script>JavaScript程序可以添加到HTML文档的<head>或<body>部分❖应用JavaScript直接嵌入到HTML文件中JavaScript链接到HTML文件中Javascript程序可以放在:•HTML网页的<body></body>里•HTML网页的<head></head>里•外部.js文件里1.4 注释(Comments)为了程序的可读性,以及便于日后代码修改和维护时,更快理解代码,你可以在Javascript 程序里为代码写注释(comments)。

js document用法 -回复

js document用法-回复JavaScript是一种脚本语言,广泛用于网页开发中的互动功能。

在HTML 文档中,可以通过`<script>`标签来引入和使用JavaScript代码。

而在JavaScript代码中,可以使用`document`对象来访问和操作HTML网页的元素和内容。

`document`对象是JavaScript中一个非常重要的内置对象,它代表了当前HTML文档。

通过这个对象,我们可以获取或修改HTML网页的各种元素,包括文本、图片、表单等等。

下面将一步一步介绍`document`对象的用法,帮助读者更好地理解和应用。

首先,我们需要理解如何获取特定的元素。

在HTML中,每个元素都对应着一个唯一的ID或类名。

利用这些ID或类名,我们可以使用`getElementById`或`getElementsByClassName`方法获取到对应的元素。

例如,下面的代码用于获取ID为`myElement`的元素:jsvar element = document.getElementById("myElement");获取到元素之后,我们就可以对其进行一系列操作,比如修改元素的文本内容、样式等。

下面的代码将修改元素的文本内容为"Hello, World!":jselement.textContent = "Hello, World!";接着,我们可以通过`querySelector`方法根据CSS选择器来获取任意元素。

这个方法可以用于获取文档中满足某些特定条件的元素。

例如,下面的代码将获取所有类名为`myClass`的元素:jsvar elements = document.querySelectorAll(".myClass");除了获取元素,我们还可以通过`createElement`方法来创建新的HTML 元素。

脚本语言详细介绍

脚本语言,又叫动态语言。

是一种编程语言控制软件应用程序。

脚本通常以文本保存,只在被调用时进行解释或编译。

大多脚本语言共性是:良好的快速开发,高效率的执行,解释而非编译执行,和其它语言编写的程序组件之间通信功能很强大。

许多脚本语言用来执行一次性任务,尤其是系统管理方面。

它可以把服务组件粘合起来,因此被广泛用于GUI创建或者命令行,操作系统通常提供一些默认的脚本语言,即通常所谓shell脚本语言。

有些脚本是为了特定领域设计的,但通常脚本都可以写成更通用的。

脚本经常用于设计互动通信,它有许多可以单独执行的命令,可以做很高级的操作,这些高级命令简化了代码编写过程。

脚本缺少优化程序以提速或者降低内存的伸缩性。

综上所述,脚本编程速度更快,且脚本文件明显小于如同类C程序文件。

这种灵活性是以执行效率为代价的。

脚本通常是解释执行的,速度可能很慢,且运行时更耗内存。

与其他编程语言的关系及特点1.脚本语言(JavaScript,VBscript等)介于HTML和C,C++,Java,C#等编程语言之间。

HTML通常用于格式化和链结文本。

而编程语言通常用于向机器发出一系列复杂的指令。

2.脚本语言与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些.3.与程序代码的关系:脚本也是一种语言,其同样由程序代码组成。

脚本语言一般都有相应的脚本引擎来解释执行,需要解释器才能运行。

4.脚本语言是一种解释性的语言 ,它不象c\c++等可以编译成二进制代码,以可执行文件的形式存在. 脚本语言不需要编译,可以直接用,由解释器来负责解释。

5.脚本语言一般都是以文本形式存在,类似于一种命令.计算机脚本语言JavaScriptJavascript是一种由Netscape的LiveScript发展而来的、原型化继承的、面向对象的、动态类型的、区分大小写的、客户端脚本语言,当时服务端需要对数据进行验证,由于网络速度相当缓慢,验证步骤浪费的时间太多。

JavaScript



JavaScript特点:

一种脚本编写语言

小程序段方式编程 解释性语言


基于对象的语言 简单性

基于Java基本语句和控制流; 变量类型是采用弱类型

安全性

不允许访问本地的硬盘 不能将数据存入到服务器上
不允许对网络文档进行修改和删除
采用以事件驱动的方式 直接对用户或客户输入做出响应,无须经过Web服务程序 依赖于浏览器本身,与操作环境无关 编写一次,走遍天下

动态性


跨平台性

JavaScript和Java的区别
JavaScript 对象 Java
基于对象和事件驱动的脚本语言 面向对象的语言 编译 弱类型变量 以字节代码的形式保存在 独立的文档中 <applet>....</applet> 静态联编
执行方式 解释 变量 强类型变量检查 可动态装载 嵌入方式 <Script>....</Script> 联编 动态联编

链接links对象


窗体(Form)对象


窗体对象是文档对象的一个元素,它含有多种格式的对象储存信息, 使用它可以在JavaScript脚本中编写程序进行文字输入,并可以用来 动态改变文档的行为。 通过document. Forms[]数组来使得在同一个页面上可以有多个相同 的窗体,使用forms[]数组要比使用窗体名字要方便得多
JavaScript
左继伟 825882
JavaScript及其特点

JavaScript是一种基于对象(Object)和事件驱动(Event Driven) 并具有安全性能的脚本语言。 使用目的是与HTML超文本标记语言、Java 脚本语言(Java小程 序)一起实现在一个Web页面中连接多个对象,与Web客户交互 作用。
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
location-位置子对象
document.location.hash // #号后的部分
document.location.host //域名+端口号
document.location.hostname //域名
document.location.href //完整URL
document.location.pathname //目录部分
document.body.bgColor //设置或获取对象后面的背景颜色
document.body.link //未点击过的链接颜色
document.body.alink //激活链接(焦点在此链接上)的颜色
document.body.vlink //已点击过的链接颜色
document.body.text //文本色
document.forms[i].elements[j] //第i-1个/formform中第j-1个控件
b)通过标签name属性直接引用
/formform name=”Myform”>input name=”myctrl”/>/form
document.Myform.myctrl //document.表单名.控件名
document.body.innerText //设置body>…/body>之间的文本
document.body.innerHTML //设置body>…/body>之间的HTML代码
document.body.topMargin //页面上边距
document.body.leftMargin //页面左边距
document.body.rightMargin //页面右边距
document.body.bottomMargin //页面下边距
document.body.background //背景图片
document.body.appendChild(oTag) //动态生成一个HTML对象
常用对象事件
var oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
同时在页面上建立一个img /标签与之对应就可以显示
———————————————————————-
forms集合(页面中的表单)
a)通过集合引用
document.forms //对应页面上的form标签
document.getElementId(”oDiv”) //通过getElementId引用对象
document.getElementId(”oDiv”).style=”
document.getElementId(”oDiv”).display=”none”
/*document.all表示document中所有对象的集合
document.forms.length //对应页面上/formform标签的个数
document.forms[0] //第1个/formform标签
document.forms[i] //第i-1个/formform标签
document.forms[i].length //第i-1个/formform中的控件数
只有ie支持此属性,因此也用来判断浏览器的种类*/
图层对象的4个属性
document.getElementById(”ID”).innerText //动态输出文本
document.getElementById(”ID”).innerHTML //动态输出HTML
document.getElementById(”ID”).outerText //同innerText
document.charset //设置字符集简体中文:gb2312
———————————————————————
常用对象方法
document.write() //动态向页面写入内容
document.createElement(Tag) //创建一个html标签对象
document.getElementById(ID) //获得指定ID值的对象
images集合(页面中的图象)
a)通过集合引用
document.images //对应页面上的img标签
document.images.length //对应页面上img标签的个数
document.images[0] //第1个img标签
document.images[i] //第i-1个img标签
c)访问表单的属性
document.forms[i].name //对应form name>属性
document.forms[i].action //对应/formform action>属性
document.forms[i].encoding //对应/formform enctype>属性
document.forms[i].target //对应/formform target>属性
document.getElementById(”ID”).outerHTML //同innerHTML
b)通过nane属性直接引用
img name=”oImage”
document.images.oImage //属性
c)引用图片的src属性
document.images.oImage.src //属性.src
d)创建一个图象
———————————————————————
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息“引用的元素为空或者不是对象\\\\\”
———————————————————————
对象属性
document.title //设置文档标题等价于HTML的title标签
document.body.onclick=”func()”//鼠标指针单击对象是触发
document.body.onmouseover=”func()”//鼠标指针移到对象时触发
document.body.onmouseout=”func()”//鼠标指针移出对象时触发
———————————————————————
document.location.port //端口号
document.location.protocol //网络协议(http:)
doccumeny.location.reload() //刷新网页
document.location.reload(URL) //打开新的网页
document.URL //设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate //文件建立日期,只读属性
document.fileModifiedDate //文件修改日期,只读属性
document.fileSize //文件大小,只读属性
document.cookie //设置和读出cookie
document.bgColor //设置页面背景色
document.fgColor //设置前景色(文本颜色)
document.linkColor //未点击过的链接颜色
document.alinkColor //激活链接(焦点在此链接上)的颜色
document.vlinkColor //已点击过的链接颜色
document.forms[i].appendChild(oTag) //动态插入一个控件
document.all.oDiv //引用图层oDiv
document.all.oDiv.style.display=”//图层设置为可视
document.all.oDiv.style.display=”none”//图层设置为隐藏
document.getElementsByName(Name) //获得指定Name值的对象
document.body.appendChild(oTag)
———————————————————————
body-主体子对象
document.body //指定文档主体的开始和结束等价于body>/body>
document.location.assign(URL) //打开新的网页
document.location.replace(URL) //打开新的网页
———————————————————————
selection-选区子对象
document.selection
———————————————————————
相关文档
最新文档