javascript:document对象

最新推荐文章于 2024-02-02 10:42:50 发布

203最强

最新推荐文章于 2024-02-02 10:42:50 发布

阅读量463

点赞数

分类专栏： JAVAScript对象文章标签： document getElementById getElementByTagName

本文链接：https://blog.csdn.net/qq_36689512/article/details/53958433

版权

JAVAScript对象专栏收录该内容

10 篇文章 0 订阅

订阅专栏

document对象

每个载入浏览器的HTML的文档都可以成为一个document对象。通过document可以对HTML页面的所有标记进行访问。是window的一个属性，可以通过window.document进行访问。
1.document对象属性
（1）body属性:提供对<body>标记对象的直接访问。
egg:document.body.byColor="yellow";
（2）cookie属性：是浏览器提供的一种机制，存在硬盘中的一个文件。主要用于保存用户登入状态、跟踪用户行为、定制页面、创建购物车等。不同的浏览器的cookie不能互相访问，所有的cookie都是以纯文本形式记录于文件，因此cookie的安全性不高。
egg:document.cookie="userId=111; username=111";
(3)lastModified:返回稳当最后修改的时期和时间。
2.document对象
（1）write(),writeln()：都是向HTML文档中写入代码，后者带有换行。

document.write("写入HTML中");

（2）open(minmetype,replace):打来一个流，用来收集来自任何documen.write()或者document.writeln()方法的输出。mimetype可选。规定正在写的文档类型，默认是“text/html”:
replace可选，当设置此参数后，可引起新的文档继承历史条目。
（3）close():关闭open（）打开的输出流。
（4）getElementById()、getElementByName()、getElementByTagName()：①getElementById返回指定id的第一个对象的引用；②getElementByName()是返回具有指定名称的对象集合；③getElementByTagName()是返回指定的标记的对象集合。
3.ducoment的对象集合
(1)all[]:返回文档所有HTML标记对象的引用。
(2)forms:返回文档中所有Form对象的引用。
(3)images:返回文档中所有image对象的引用
(4)links[]:返回文档中所有link对象的引用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>document对象</title>
	</head>
	<body>
		<script type="text/javascript">
		
			//打开新的网页
			function b(){
				var newwin=window.open("","newwindow","height=600,width=600");
			      newwin.document.open("text/html");
			      newwin.document.write("<html><body>这是一个新的HTML文件</body></html>"+"<p>第一个表单是："+document.forms[0].name+"</p>")
			      newwin.document.close();
			document.getElementById("p1").align="center";
			document.getElementById("p1").style.fontSize="100px";
			document.getElementsByTagName("p")[0].style.color="yellow";//返回指定对象集合
		    
			}
		</script>
		<p id="p1">你猜</p>
		<input type="button" value="打开新文件" οnclick="b();">
		<form id="1" action="" name="表单1" method="get">
			你的姓名：<input type="text">
			你的电话：<input type="tel">
		</form>
	</body>
</html>

203最强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript:document对象

document对象每个载入浏览器的HTML的文档都可以成为一个document对象。通过document可以对HTML页面的所有标记进行访问。是window的一个属性，可以通过window.document进行访问。1.document对象属性（1）body属性:提供对标记对象的直接访问。egg:document.body.byColor="yellow";（2）cook
复制链接

扫一扫

专栏目录