JS的Document属性和方法

较完整的示例

<!DOCTYPE html>
<html>
<body>
<h3>演示如何访问 SCRIPT 元素</h3>
<script id="myScript" src="/demo/demo_script_src.js"></script>
<p>点击按钮来获得外部脚本文件的 URL。</p>
<p id="demo"></p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var x = document.getElementById("myScript").src;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

附:JS的Document属性和方法

document.title  设置文档标题等价于HTML的title标签
document.bgColor  设置页面背景色
document.fgColor  设置前景色(文本颜色)
document.linkColor  未点击过的链接颜色
document.alinkColor  激活链接(焦点在此链接上)的颜色
document.vlinkColor  已点击过的链接颜色
document.URL  设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate  文件建立日期,只读属性
document.fileModifiedDate  文件修改日期,只读属性
document.charset  设置字符集(简体中文:gb2312或uft-8)
document.fileSize  文件大小,只读属性
document.cookie  设置和读出cookie

常用对象方法

document.write()  动态向页面写入内容
document.createElement(Tag)  创建一个html标签对象
document.getElementById(ID)  获得指定ID值的对象
document.getElementsByName(Name)  获得指定Name值的对象
document.body.appendChild(oTag)  

body-主体子对象

document.body  指定文档主体的开始和结束等价于body>
document.body.bgColor  设置或获取对象后面的背景颜色
document.body.link  未点击过的链接颜色
document.body.alink  激活链接(焦点在此链接上)的颜色
document.body.vlink  已点击过的链接颜色
document.body.text  文本色
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对象

常用对象事件:

document.body.onclick=”func()”  鼠标指针单击对象是触发
document.body.onmouseover=”func()”  鼠标指针移到对象时触发
document.body.onmouseout=”func()”  鼠标指针移出对象时触发

location-位置子对象:

document.location.hash   #号后的部分
document.location.host   域名+端口号
document.location.hostname   域名
document.location.href   完整URL
document.location.pathname   目录部分
document.location.port   端口号
document.location.protocol   网络协议(http:)
document.location.search   ?号后的部分
documeny.location.reload()  刷新网页
document.location.reload(URL)  打开新的网页
document.location.assign(URL)  打开新的网页
document.location.replace(URL)  打开新的网页

selection-选区子对象
document.selection

<div>请选中这里的部分文字。</div>
<div><input type="button" value="请选中部分文字,然后点击这里执行 empty" onclick="javascript:Foo();" /></div>
<script type="text/javascript" language="javascript">
function Foo()
{
document.selection.empty();
}
</script>

参考自:https://www.jb51.net/article/41453.htm