Document对象

最新推荐文章于 2021-05-31 17:46:10 发布

一枝

最新推荐文章于 2021-05-31 17:46:10 发布

阅读量153

点赞数

本文链接：https://blog.csdn.net/qq_40083102/article/details/80070426

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document对象</title>
</head>
<body>

<img name="oImage">
<table align="center" cellpadding="5" cellspacing="1" width="95%">
<tr height="60">
<td height="50" colspan="2"><a href="JavaScript:ShowDocInfo()">单击这里查看文档的属性</a> </td>
<td ><a href="JavaScript:ShowNewWindow()">单击这里弹出一个窗口</td>
</tr>
<tr>
<th>标题</th>
<th>路径</th>
<th>上次修改时间</th>
</tr>
<tr>
<td id="docTitle"></td>
<td id="docURL"></td>
<td ID="docDate"></td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">

// document.images;
//document.images.length;
//document.images[0];
//document.images[1];
//document.images.oImage;
//document.images.oImage.src;
//var oImage;
//oImage=new Image();
document.images.oImage.src="tupian/b.jpg";

function initHTML(){
document.write("<span class=\"Title\">这行由javaScript的document对象write()方法输出的。</span>");
}
initHTML();

function ShowDocInfo(){
//获取文档标题
var objtitle=document.getElementById("docTitle");
objtitle.innerText=document.title;

//获取文档路径
var objURL=document.getElementById("docURL");
objURL.innerText=document.URL;

//获取当前修改时间
var objDate=document.getElementById("docDate");
objDate.innerText=document.lastModified;
}

function ShowNewWindow(){
//创建新窗口
var newWindow=window.open(" "," ","height=50,width=250");
//使得新窗口获得焦点
newWindow.focus();
//定义要写入的内容
var newContent="<title>新窗口</title>";
newContent+="<h3>使用open()创建write()写</h3>";
newContent+="<a href=\"#\" onClick=\"window.close()\">关闭</a>";
//打开窗口
newWindow.document.open();
//开始写入
newWindow.document.write(newContent);
//关闭文档
newWindow.document.close();

}

</script>

</body>
</html>