作者：奇风 发布：2006-09-09 19:26 分类：
设计代码 阅读：225 views
抢沙发
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 "引用的元素为空或者不是对象"
———————————————————————
对象属性
document.title //设置文档标题等价于HTML的
标签<br />
document.bgColor //设置页面背景色<br />
document.fgColor //设置前景色(文本颜色)<br />
document.linkColor //未点击过的链接颜色<br />
document.alinkColor //激活链接(焦点在此链接上)的颜色<br />
document.vlinkColor //已点击过的链接颜色<br />
document.URL //设置URL属性从而在同一窗口打开另一网页<br />
document.fileCreatedDate //文件建立日期，只读属性<br />
document.fileModifiedDate //文件修改日期，只读属性<br />
document.fileSize //文件大小，只读属性<br />
document.cookie //设置和读出cookie<br />
document.charset //设置字符集 简体中文:gb2312<br />
———————————————————————<br />
对象方法<br />
document.write() //动态向页面写入内容<br />
document.createElement(Tag) //创建一个html标签对象<br />
document.getElementById(ID) //获得指定ID值的对象<br />
document.getElementsByName(Name) //获得指定Name值的对象<br />
———————————————————————</p>
<p>images集合(页面中的图象)</p>
<p>a)通过集合引用<br />
document.images //对应页面上的<img>标签<br />
document.images.length //对应页面上<img>标签的个数<br />
document.images[0] //第1个<img>标签<br />
document.images[i] //第i-1个<img>标签</p>
<p>b)通过nane属性直接引用<br />
<img name="oImage"><br />
document.images.oImage //document.images.name属性</p>
<p>c)引用图片的src属性<br />
document.images.oImage.src //document.images.name属性.src</p>
<p>d)创建一个图象<br />
var oImage<br />
oImage = new Image()<br />
document.images.oImage.src="/1.jpg"<br />
同时在页面上建立一个<img>标签与之对应就可以显示</p>
<p><html><br />
<img name=oImage><br />
<script language="javascript">
var oImage
oImage = new Image()
document.images.oImage.src="/1.jpg"
</script><br />
</html></p>
<p>———————————————————————-</p>
<p>forms集合(页面中的表单)</p>
<p>a)通过集合引用<br />
document.forms //对应页面上的</p>
<form>标签<br />
document.forms.length //对应页面上</p>
<form>标签的个数<br />
document.forms[0] //第1个</p>
<form>标签<br />
document.forms[i] //第i-1个</p>
<form>标签<br />
document.forms[i].length //第i-1个</p>
<form>中的控件数<br />
document.forms[i].elements[j] //第i-1个</p>
<form>中第j-1个控件</p>
<p>b)通过标签name属性直接引用</p>
<form name="Myform"><input name="myctrl"></form>
<p>document.Myform.myctrl //document.表单名.控件名</p>
<p>———————————————————————–<br />
<html><br />
<!--Text控件相关Script--></p>
<form name="Myform">
<input type="text" name="oText"><br />
<input type="password" name="oPswd"></p>
<form>
<script language="javascript">
//获取文本密码框的值
document.write(document.Myform.oText.value)
document.write(document.Myform.oPswd.value)
</script><br />
</html><br />
———————————————————————–<br />
<html><br />
<!--Select控件相关Script--></p>
<form name="Myform">
<select name="oSelect"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select><br />
</form>
<p><script language="javascript">
//遍历select控件的option项
var length
length=document.Myform.oSelect.length
for(i=0;i<length;i++)
document.write(document.Myform.oSelect[i].value)
</script></p>
<p><script language="javascript">
//遍历option项并且判断某个option是否被选中
for(i=0;i<document.Myform.oSelect.length;i++){
if(document.Myform.oSelect[i].selected!=true)
document.write(document.Myform.oSelect[i].value)
else
document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>")
}
</script></p>
<p><script language="javascript">
//根据SelectedIndex打印出选中的option
//(0到document.Myform.oSelect.length-1)
i=document.Myform.oSelect.selectedIndex
document.write(document.Myform.oSelect[i].value)
</script></p>
<p><script language="javascript">
//动态增加select控件的option项
var oOption = document.createElement("OPTION");
oOption.text="4";
oOption.value="4";
document.Myform.oSelect.add(oOption);
</script><br />
<html><br />
-----------------------------------------------------------------------</p>
<div id="oDiv">Text</div>
<p>document.all.oDiv //引用图层oDiv<br />
document.all.oDiv.style<br />
document.all.oDiv.style.display="" //图层设置为可视<br />
document.all.oDiv.style.display="none" //图层设置为隐藏<br />
/*document.all表示document中所有对象的集合<br />
只有ie支持此属性，因此也用来判断浏览器的种类*/</p>
<p>本文固定链接: <a href="http://blog.duoday.com/2006/178.html" rel="bookmark" title="javascript脚本语言描述：document 文挡对象详解">http://blog.duoday.com/2006/178.html | 奇风's Blog</a></p></div>
</div>
</div>
<div class="articles">
<div class="author_pic">
<a href="http://blog.duoday.com/author/admin" title="曾经的风，今日的雨，明天的就是雪。"></a>
</div>
<div class="author_text">
<span class="spostinfo">
该日志由 奇风 于2006年09月09日发表在 <a href="http://blog.duoday.com/category/%e8%ae%be%e8%ae%a1%e4%bb%a3%e7%a0%81" rel="category tag">设计代码</a> 分类下，
你可以<a href="#respond">发表评论</a>，并在保留<a href="http://blog.duoday.com/2006/178.html" rel="bookmark">原文地址</a>及作者的情况下<a href="http://blog.duoday.com/2006/178.html/trackback" rel="trackback">引用</a>到你的网站或博客。
<br/>
原创文章转载请注明: <a href="http://blog.duoday.com/2006/178.html" rel="bookmark" title="本文固定链接 http://blog.duoday.com/2006/178.html">javascript脚本语言描述：document 文挡对象详解 | 奇风's Blog</a><br/>
</span>
</div>
</div>
<div class="articles">
【上一篇】<a href="http://blog.duoday.com/2006/177.html" rel="prev">右击文件“打开方式”拒绝访问的解决方法</a><br/>【下一篇】<a href="http://blog.duoday.com/2006/179.html" rel="next">不能显示隐藏文件和文件夹的彻底解决办法</a></div>
<div class="articles">
<div class="relatedposts">
<h3>您可能还会对这些文章感兴趣！</h3>
<ul>
<li><a href="http://blog.duoday.com/2006/160.html" rel="bookmark" title="详细阅读 CSS使用详解">CSS使用详解 </a></li>
<li><a href="http://blog.duoday.com/2006/152.html" rel="bookmark" title="详细阅读 ASP检索指定目录文件的算法">ASP检索指定目录文件的算法 </a></li>
<li><a href="http://blog.duoday.com/2006/109.html" rel="bookmark" title="详细阅读 滚动图片——代码">滚动图片——代码 </a></li>
<li><a href="http://blog.duoday.com/2008/247.html" rel="bookmark" title="详细阅读 delphi虚拟点击过360安全卫士">delphi虚拟点击过360安全卫士(3)</a></li>
<li><a href="http://blog.duoday.com/2006/166.html" rel="bookmark" title="详细阅读 Div+CSS+JS树型菜单，可刷新">Div+CSS+JS树型菜单，可刷新 </a></li>
<li><a href="http://blog.duoday.com/2006/126.html" rel="bookmark" title="详细阅读 用'or''=''or'就能登陆网站后台的漏洞的修补">用'or''=''or'就能登陆网站后台的漏洞的修补 </a></li>
<li><a href="http://blog.duoday.com/2007/198.html" rel="bookmark" title="详细阅读 DELPHI实现远程屏幕抓取">DELPHI实现远程屏幕抓取 </a></li>
<li><a href="http://blog.duoday.com/2006/148.html" rel="bookmark" title="详细阅读 ASP个人上手指南">ASP个人上手指南 </a></li>
<li><a href="http://blog.duoday.com/2006/132.html" rel="bookmark" title="详细阅读 asp程序权限控制的代码">asp程序权限控制的代码 </a></li>
<li><a href="http://blog.duoday.com/2006/156.html" rel="bookmark" title="详细阅读 自动选出最快站点的路径">自动选出最快站点的路径 </a></li>
<li><a href="http://blog.duoday.com/2006/157.html" rel="bookmark" title="详细阅读 一个让用户更改密码的简单程序">一个让用户更改密码的简单程序 </a></li>
<li><a href="http://blog.duoday.com/2006/149.html" rel="bookmark" title="详细阅读 如何把ASP编写成DLL">如何把ASP编写成DLL </a></li>
</ul>
<div class="clear"></div>
</div><div class="clear"></div>
</div>
<div class="articles">
<!-- You can start editing here. -->
<!-- If comments are open, but there are no comments. -->
<h3 id="comments" style="margin-bottom:10px">javascript脚本语言描述：document 文挡对象详解：等您坐沙发呢！</h3>
<div id="respond_box">
<div id="respond">
<h3>发表评论</h3>
<div class="cancel-comment-reply">
<div id="real-avatar">
</div>
<small><a rel="nofollow" id="cancel-comment-reply-link" href="/2006/178.html#respond" style="display:none;">点击这里取消回复。</a></small>
</div>
<form action="http://blog.duoday.com/wp-comments-post.php" method="post" id="commentform">
<div id="comment-author-info">
<p>
<input type="text" name="author" id="author" class="commenttext" value="" size="22" tabindex="1" />
<label for="author">昵称 *</label>
</p>
<p>
<input type="text" name="email" id="email" class="commenttext" value="" size="22" tabindex="2" />
<label for="email">邮箱 * <a id="Get_Gravatar" title="查看如何申请一个自己的Gravatar全球通用头像" target="_blank" href="http://www.weisay.com/blog/apply-gravatar.html">（教你设置自己的个性头像）</a></label>
</p>
<p>
<input type="text" name="url" id="url" class="commenttext" value="" size="22" tabindex="3" />
<label for="url">网址</label>
</p>
</div>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></small></p>-->
<div class="clear"></div>
<p></p>
<p><textarea name="comment" id="comment" tabindex="4" cols="50" rows="5"></textarea></p>
<p>
<input class="submit" name="submit" type="submit" id="submit" tabindex="5" value="提交留言" />
<input class="reset" name="reset" type="reset" id="reset" tabindex="6" value="重写" />
<input type='hidden' name='comment_post_ID' value='178' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p>
<script type="text/javascript"> //Crel+Enter
//<![CDATA[
jQuery(document).keypress(function(e){
if(e.ctrlKey && e.which == 13 || e.which == 10) {
jQuery(".submit").click();
document.body.focus();
} else if (e.shiftKey && e.which==13 || e.which == 10) {
jQuery(".submit").click();
}
})
// ]]>
</script>
<span style="padding:0 0 2px 8px">快捷键：Ctrl+Enter</span>
</form>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="sidebar">
<div class="widget">
</div>
<div class="clear"></div>
<div class="widget"><div id="tab-title"><h3><span>最新日志</span><span class="selected">热评日志</span><span>随机日志</span></h3>
<div id="tab-content">
<ul class="hide"> <li><a href="http://blog.duoday.com/2018/721.html" rel="bookmark" title="9月，新的一天">9月，新的一天</a></li>
<li><a href="http://blog.duoday.com/2018/636.html" rel="bookmark" title="回忆回家的路">回忆回家的路</a></li>
<li><a href="http://blog.duoday.com/2016/631.html" rel="bookmark" title="好好地勇敢活下去，一如过往。">好好地勇敢活下去，一如过往。</a></li>
<li><a href="http://blog.duoday.com/2016/614.html" rel="bookmark" title="百科：恶心的网络虚拟性交">百科：恶心的网络虚拟性交</a></li>
<li><a href="http://blog.duoday.com/2016/612.html" rel="bookmark" title="密码保护：整理了几年的文章">密码保护：整理了几年的文章</a></li>
<li><a href="http://blog.duoday.com/2016/610.html" rel="bookmark" title="1月底遇到攻击被迫关闭至今…">1月底遇到攻击被迫关闭至今…</a></li>
<li><a href="http://blog.duoday.com/2016/578.html" rel="bookmark" title="庆祝自己的博客诞辰10年了">庆祝自己的博客诞辰10年了</a></li>
<li><a href="http://blog.duoday.com/2016/573.html" rel="bookmark" title="揭秘！女人约炮到底为了什么？爱约什么样的男人！">揭秘！女人约炮到底为了什么？爱约什么样的男人！</a></li>
<li><a href="http://blog.duoday.com/2016/571.html" rel="bookmark" title="转：初级泡妞教程">转：初级泡妞教程</a></li>
<li><a href="http://blog.duoday.com/2016/569.html" rel="bookmark" title="密码保护：改变，只因为你一无所有的冷酷接受">密码保护：改变，只因为你一无所有的冷酷接受</a></li>
</ul>
<ul></ul>
<ul class="hide"> <li><a href="http://blog.duoday.com/2005/24.html" rel="bookmark" title="广州游行">广州游行</a></li>
<li><a href="http://blog.duoday.com/2005/12.html" rel="bookmark" title="一个MM和他男朋友的情话">一个MM和他男朋友的情话</a></li>
<li><a href="http://blog.duoday.com/2008/226.html" rel="bookmark" title="70后·80后·90后">70后·80后·90后</a></li>
<li><a href="http://blog.duoday.com/2016/610.html" rel="bookmark" title="1月底遇到攻击被迫关闭至今…">1月底遇到攻击被迫关闭至今…</a></li>
<li><a href="http://blog.duoday.com/2016/569.html" rel="bookmark" title="密码保护：改变，只因为你一无所有的冷酷接受">密码保护：改变，只因为你一无所有的冷酷接受</a></li>
<li><a href="http://blog.duoday.com/2008/270.html" rel="bookmark" title="旧伤疤被捅破，已经没有谁对谁错">旧伤疤被捅破，已经没有谁对谁错</a></li>
<li><a href="http://blog.duoday.com/2010/605.html" rel="bookmark" title="有一种思念叫不联系">有一种思念叫不联系</a></li>
<li><a href="http://blog.duoday.com/2009/277.html" rel="bookmark" title="reg命令使用详解">reg命令使用详解</a></li>
<li><a href="http://blog.duoday.com/2005/17.html" rel="bookmark" title="BBS马屁跟帖范文">BBS马屁跟帖范文</a></li>
<li><a href="http://blog.duoday.com/2006/136.html" rel="bookmark" title="aspemail组件的应用">aspemail组件的应用</a></li>
</ul>
</div></div></div>
<div class="widget">
</div>
<div class="clear"></div>
<div class="widget"><div class="top_comment">
<h3>最活跃的读者</h3>
<ul>
</ul></div>
</div>
<div class="widget">
</div>
<div class="clear"></div>
<div class="widget"><h3>最新评论</h3>
<div class="r_comment">
<ul>
</ul>
</div></div>
<div class="widget"><h3>标签云集</h3>
<div class="tags"><a href="http://blog.duoday.com/tag/%e5%bf%83%e7%90%86" class="tag-cloud-link tag-link-67 tag-link-position-1" style="font-size: 12px;">心理</a>
<a href="http://blog.duoday.com/tag/%e9%99%8d%e6%b8%a9" class="tag-cloud-link tag-link-56 tag-link-position-2" style="font-size: 12px;">降温</a>
<a href="http://blog.duoday.com/tag/%e7%be%8e%e5%9b%bd%e4%b9%8b%e9%9f%b3" class="tag-cloud-link tag-link-82 tag-link-position-3" style="font-size: 12px;">美国之音</a>
<a href="http://blog.duoday.com/tag/%e7%94%b5%e4%bf%a1" class="tag-cloud-link tag-link-30 tag-link-position-4" style="font-size: 12px;">电信</a>
<a href="http://blog.duoday.com/tag/u8" class="tag-cloud-link tag-link-85 tag-link-position-5" style="font-size: 12px;">U8</a>
<a href="http://blog.duoday.com/tag/vb" class="tag-cloud-link tag-link-80 tag-link-position-6" style="font-size: 12px;">VB</a>
<a href="http://blog.duoday.com/tag/%e7%94%b7%e5%8f%8b" class="tag-cloud-link tag-link-70 tag-link-position-7" style="font-size: 12px;">男友</a>
<a href="http://blog.duoday.com/tag/%e7%ac%91%e8%af%9d" class="tag-cloud-link tag-link-26 tag-link-position-8" style="font-size: 12px;">笑话</a>
<a href="http://blog.duoday.com/tag/%e5%8e%8b%e5%8a%9b" class="tag-cloud-link tag-link-69 tag-link-position-9" style="font-size: 12px;">压力</a>
<a href="http://blog.duoday.com/tag/%e7%88%b1%e6%83%85" class="tag-cloud-link tag-link-48 tag-link-position-10" style="font-size: 12px;">爱情</a>
<a href="http://blog.duoday.com/tag/%e8%89%b2%e6%83%85" class="tag-cloud-link tag-link-27 tag-link-position-11" style="font-size: 12px;">色情</a>
<a href="http://blog.duoday.com/tag/%e6%ad%a6%e6%9e%97%e5%a4%96%e4%bc%a0" class="tag-cloud-link tag-link-81 tag-link-position-12" style="font-size: 12px;">武林外传</a>
<a href="http://blog.duoday.com/tag/%e5%a5%b4%e9%9a%b6%e5%ba%84%e5%9b%ad" class="tag-cloud-link tag-link-68 tag-link-position-13" style="font-size: 12px;">奴隶庄园</a>
<a href="http://blog.duoday.com/tag/flash" class="tag-cloud-link tag-link-49 tag-link-position-14" style="font-size: 12px;">flash</a>
<a href="http://blog.duoday.com/tag/%e6%b3%bc%e5%a6%87" class="tag-cloud-link tag-link-61 tag-link-position-15" style="font-size: 12px;">泼妇</a>
<a href="http://blog.duoday.com/tag/%e8%bf%87%e5%b9%b4" class="tag-cloud-link tag-link-62 tag-link-position-16" style="font-size: 12px;">过年</a>
<a href="http://blog.duoday.com/tag/erp" class="tag-cloud-link tag-link-84 tag-link-position-17" style="font-size: 12px;">ERP</a>
<a href="http://blog.duoday.com/tag/%e7%94%b7%e4%ba%ba" class="tag-cloud-link tag-link-25 tag-link-position-18" style="font-size: 12px;">男人</a>
<a href="http://blog.duoday.com/tag/%e5%86%ac%e5%a4%a9" class="tag-cloud-link tag-link-63 tag-link-position-19" style="font-size: 12px;">冬天</a>
<a href="http://blog.duoday.com/tag/%e6%ba%90%e7%a0%81" class="tag-cloud-link tag-link-66 tag-link-position-20" style="font-size: 12px;">源码</a>
<a href="http://blog.duoday.com/tag/%e5%8f%8d%e9%9d%a2" class="tag-cloud-link tag-link-57 tag-link-position-21" style="font-size: 12px;">反面</a>
<a href="http://blog.duoday.com/tag/md5" class="tag-cloud-link tag-link-79 tag-link-position-22" style="font-size: 12px;">md5</a>
<a href="http://blog.duoday.com/tag/access" class="tag-cloud-link tag-link-14 tag-link-position-23" style="font-size: 12px;">Access</a>
<a href="http://blog.duoday.com/tag/word" class="tag-cloud-link tag-link-88 tag-link-position-24" style="font-size: 12px;">word</a>
<a href="http://blog.duoday.com/tag/asp" class="tag-cloud-link tag-link-86 tag-link-position-25" style="font-size: 12px;">ASP</a>
<a href="http://blog.duoday.com/tag/css" class="tag-cloud-link tag-link-83 tag-link-position-26" style="font-size: 12px;">CSS</a>
<a href="http://blog.duoday.com/tag/%e4%bc%a4%e7%96%a4" class="tag-cloud-link tag-link-58 tag-link-position-27" style="font-size: 12px;">伤疤</a>
<a href="http://blog.duoday.com/tag/%e5%bf%83%e6%83%85" class="tag-cloud-link tag-link-41 tag-link-position-28" style="font-size: 12px;">心情</a>
<a href="http://blog.duoday.com/tag/qq" class="tag-cloud-link tag-link-65 tag-link-position-29" style="font-size: 12px;">QQ</a>
<a href="http://blog.duoday.com/tag/%e5%8e%9f%e5%88%9b" class="tag-cloud-link tag-link-59 tag-link-position-30" style="font-size: 12px;">原创</a>
<a href="http://blog.duoday.com/tag/delphi" class="tag-cloud-link tag-link-64 tag-link-position-31" style="font-size: 12px;">delphi</a>
<a href="http://blog.duoday.com/tag/360" class="tag-cloud-link tag-link-60 tag-link-position-32" style="font-size: 12px;">360</a></div><div class="clear"></div></div>
<div class="widget"><h3>博客统计</h3>
<ul>
<li>日志总数：220 篇</li>
<li>评论总数：566 篇</li>
<li>标签数量：76 个</li>
<li>链接总数：7 个</li>
<li>建站日期：2007-04-22</li>
<li>运行天数：5639 天</li>
<li>最后更新：2020-3-13</li>
</ul></div>
<div class="widget">
<form id="loginform" action="http://blog.duoday.com/wp-login.php" method="post"><h3>用户登录</h3>
<p>
<label>用户名：<input class="login" type="text" name="log" id="log" value="" size="12" /></label>
</p>
<p>
<label>密 码：<input class="login" type="password" name="pwd" id="pwd" value="" size="12" /></label>
</p>
<p>
<input class="denglu" type="submit" name="submit" value="登陆" /> <label>记住我 <input id="comment_mail_notify" type="checkbox" name="rememberme" value="forever" /></label>
</p>
<p>
<input type="hidden" name="redirect_to" value="/2006/178.html"/>
</p>
</form>
</div>
</div>
</div>
<div class="clear"></div>
<div id="footer">Copyright © 2005-2018 奇风's Blog. Powered by <a href="http://www.wordpress.org/" rel="external">WordPress</a>.
Theme by <a href="http://www.weisay.com/" rel="external">Weisay</a>.<script type='text/javascript' src='http://blog.duoday.com/wp-content/plugins/wp-player/assets/js/libs/soundmanager/soundmanager2.js?ver=2.6.1' id='wp-player-jplayer-js'></script>
<script type='text/javascript' id='wp-player-js-extra'>
/* <![CDATA[ */
var wp_player_params = {"swf":"http:\/\/blog.duoday.com\/wp-content\/plugins\/wp-player\/assets\/js\/libs\/soundmanager\/","img":"http:\/\/blog.duoday.com\/wp-content\/plugins\/wp-player\/assets\/images\/default.png","url":"http:\/\/blog.duoday.com\/wp-admin\/admin-ajax.php","nonce":"5c2b4153e9","single":"true"};
/* ]]> */
</script>
<script type='text/javascript' src='http://blog.duoday.com/wp-content/plugins/wp-player/assets/js/wp-player.js?ver=2.6.1' id='wp-player-js'></script>
<script type='text/javascript' id='wp-postviews-cache-js-extra'>
/* <![CDATA[ */
var viewsCacheL10n = {"admin_ajax_url":"http:\/\/blog.duoday.com\/wp-admin\/admin-ajax.php","post_id":"178"};
/* ]]> */
</script>
<script type='text/javascript' src='http://blog.duoday.com/wp-content/plugins/wp-postviews/postviews-cache.js?ver=1.68' id='wp-postviews-cache-js'></script>
<a href="http://www.kuaidi.com/" target="_blank">快递查询API</a>
</div>
</div>
</body>
</html><!-- WP Fastest Cache file was created in 0.578125 seconds, on 30-09-22 6:53:51 --><!-- via php -->