JavaScript入门2
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的更多相关文章
- JavaScript入门篇 编程练习
编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...
- JavaScript入门
本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...
- 慕课网JavaScript入门篇课程笔记
1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...
- JavaScript入门基础
JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...
- JavaScript入门介绍(二)
JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...
- JavaScript入门介绍(一)
JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...
- 开心菜鸟系列－－－－函数作用域（javascript入门篇）
1 <!DOCTYPE html> 2 <html> 3 <script src="./jquery-1.7.2.js"></ ...
- 开心菜鸟系列－－－－变量的解读（javascript入门篇）
console.info( console.info(window['weiwu']) console.info(window. ...
- javascript入门视频第一天 小案例制作 零基础开始学习javascript
JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...
- ArcGIS API for JavaScript 入门教程[0] 目录
随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...
随机推荐
- 获取Android设备无线和以太网MAC地址
package com.raycloud.wolf.blogformac; import android.net.wifi.WifiManager; import android.support.v7 ...
- 在线安装Ganglia3.6.0，nginx+php搭建gweb，绝对通过
环境:CentOS6.5 minimal 目标:安装Ganglia核心组件(gmond, gmetad, gmetric, gstat, libganglia).Ganglia web 准备 yum增 ...
- Android 源码架构
我们都知道Android系统是一个开源工程,在网上可以下载到源代码. 一般在网上搜索一下,就会找到各种下载源代码的方法,比如使用Git和Repo,android源代码下载的网址是http://andr ...
- mmwave
毫米波(mmWave) 致力于支持5G应用创新开发,集成在BEEcube BEE7基带平台上的赛灵思256QAM毫米波调制解调器IP为宽带回程原型设计提供完整的开箱即用型解决方案 赛灵思公司 (NAS ...
- Android ADB实现解析【转】
本文转载自:http://blog.csdn.net/u010223349/article/details/41120255 ADB是Android系统提供的调试工具,整个ADB工具由三部分组成: ...
- 在U-Boot中添加自定义命令以实现自动下载程序【转】
本文转载自:https://gaomf.cn/2016/06/26/%E5%9C%A8U-Boot%E4%B8%AD%E6%B7%BB%E5%8A%A0%E8%87%AA%E5%AE%9A%E4%B9 ...
- codeforces 440B. Balancer 解题报告
题目链接:http://codeforces.com/problemset/problem/440/B 题目意思:给出 n 个数,求出这 n 个数的平均值avg,问对于这 n 个数里面中的每一个数,要 ...
- BDB c++例子，从源码编译到运行
第一步先下载源码,解压后 ./dist/configure --enable-cxx编译,然后make, make install --enable-cxx To build the Berkeley ...
- BZOJ_4276_[ONTAK2015]Bajtman i Okrągły Robin_线段树优化建图+最大费用最大流
BZOJ_4276_[ONTAK2015]Bajtman i Okrągły Robin_线段树优化建图+最大费用最大流 Description 有n个强盗,其中第i个强盗会在[a[i],a[i]+1 ...
- NOI1995 石子合并
传送门 这道题是经典的区间DP.因为它要求有每两个相邻的石子堆合并,所以很显然对于区间[l,r]内的情况,我们只要枚举端点k,之后把这左右两端的石子合并取最大/小即可. 之后,这题是环形怎么破?显然不 ...