Code常用代码汇编

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