5.document对象：
Document对象是window对象的一个对象属性，代表浏览器窗口中装载的整个HTML文档。文档中的每个HTML元素对应着JavaScript对象。 因为document代表整个HTML文档，是其他HTML元素的根节点，其他节点可以通过document引用。 document的属性和方法一般用来设置文档的外观和内容。

1.documen对象s属性：
Document对象属性实现的功能用HTML中的标签也可以实现，从表面效果看来相似，但是与事件处理程序结合使用就体现出二者的不同。

2.document对象方法：
最常用的就是 writeln()方法，一些常用的document对象方法如表所示：
open()---打开一个流，跟window对象的open()方法类似。
close()---关闭open（）方法打开的输出流
write()---向html文档中写入内容。
writeln()---与write（）方法相比，每次写完内容后多一个换行符。
getElementById()---返回文档中任何元素（Id属性具有唯一性）的引用
getElementsByName()---返回指定name属性的对象引用数组。
getElementsByTagName()---返回指定标签名的对象引用数组
createElement()---产生一个代表某个HTML元素的对象，而后使用个父元素的方法来休干文档的内容（如appendChild()方法）

3.document对象事件：
document对象常用的事件处理程序就是window对象中介绍的通用事件，下面通过一个document对 象的实例来演示其属性和方法的使用。

<head>

<script language="JavaScript">

            function setDocument() {

                document.bgColor = "white";

                document.fgColor = "black";

                document.alinkColor = "red";

                document.vlinkColor = "green";

                document.linkColor = "yellow";

            }

            function create_Element() {

                var area = document.getElementById("area");  //通过area读取得对象。

                var element = document.createElement("input");   //动态创建一个对象

                element.type="radio";

                    var obj = area.appendChild(element);   //将对象插入到area中,返回值是添加的节点

                obj.checked=true;

            }

</script>

</head>

<body onload=="setDocument()">

        <h1>document对象的属性和方法</h1><br>

            <font color=red onclick="javascript:create_Element()">

                        点一下这里

                    </font>

                    <br><br>

        <a href="newWindow.html">进入新窗口</a><br>

        <div id="area"></div>

</body>

(newWindow.html)

<head>

        <script language="JavaScript">

            document.write("hello! 欢迎来到新窗口");

        </script>

</head>

<body>

    <h1>这是新窗口</h1>

</body>

第一个页面打开后的效果，什么标题，红色文本，连接都是通过document对象设置网页文档的背景颜色，文本颜色等等。

点一下红色文本就会出现一个已选定的单选按钮

新链接 的窗口

JavaScript中还有很多其他对象，事实上，HTML中每个元素基本都在JavaScript中有相应的对象。

JavaScript入门2的更多相关文章

  1. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  2. JavaScript入门

    本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...

  3. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  4. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  5. JavaScript入门介绍(二)

    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...

  6. JavaScript入门介绍(一)

    JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...

  7. 开心菜鸟系列－－－－函数作用域（javascript入门篇）

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  8. 开心菜鸟系列－－－－变量的解读（javascript入门篇）

                       console.info(         console.info(window['weiwu'])          console.info(window. ...

  9. javascript入门视频第一天 小案例制作 零基础开始学习javascript

    JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...

  10. ArcGIS API for JavaScript 入门教程[0] 目录

    随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...

随机推荐

  1. enumerated types

    控制台手动输入. package enums; import java.util.Scanner; public class EnumTest { public static void main(St ...

  2. POJ2942 Knights of the Round Table 点双连通分量 二分图判定

    题目大意 有N个骑士,给出某些骑士之间的仇恨关系,每次开会时会选一些骑士开,骑士们会围坐在一个圆桌旁.一次会议能够顺利举行,要满足两个条件:1.任意相互憎恨的两个骑士不能相邻.2.开会人数为大于2的奇 ...

  3. <转载>调制与解调电路详解

    原文链接:http://www.elecfans.com/analog/20120509270848_4.html 调幅和检波电路 广播和无线电通信是利用调制技术把低频声音信号加到高频信号上发射出去的 ...

  4. React中Transition的作用

    /** * `Transaction` creates a black box that is able to wrap any method such that * certain invarian ...

  5. 基于Vuejs的搜索匹配功能

    最近一直在看vue,查了很多资料,看了很多文档和博客,大概半知半解了,然后利用所理解的知识写了一个简单的搜索匹配功能. 大概长这个样子:   <!DOCTYPE html> <htm ...

  6. 数组、栈、堆(java基础知识五)

    1.数组概述.定义格式 * A:数组概念 数组是存储同一种数据类型多个元素的集合.也可以看成是一个容器. 数组既可以存储基本数据类型,也可以存储引用数据类型. * B:数组定义格式 格式1:数据类型[ ...

  7. eclipse软件启动弹窗端口问题解决

    如果启动eclipse,弹出一个窗口,上面显示,8080 .8009.……等的提示,说明端口有冲突, 解决办法如下: 1.打开cmd 2.输入 netstat   -ano|findstr  8080 ...

  8. CentOS7 安装和配置Tomcat

    1.官网下载Tomcat的压缩包 https://tomcat.apache.org/download-70.cgi 2.使用Xftp5把下载的压缩包上传到 /usr/soft (soft文件夹自己新 ...

  9. Python中的sort() key含义

    sorted(iterable[, cmp[, key[, reverse]]]) iterable.sort(cmp[, key[, reverse]]) 参数解释: (1)iterable指定要排 ...

  10. UIDynamic 基础

      一.简单介绍 1.什么是UIDynamic UIDynamic是从iOS 7开始引入的一种新技术,隶属于UIKit框架 可以认为是一种物理引擎,能模拟和仿真现实生活中的物理现象 如:重力.弹性碰撞 ...