作者：奇风 发布：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">
<p>该日志由 <a href="http://blog.duoday.com/author/admin" title="由 奇风 发布" rel="author">奇风</a> 于 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> 到你的网站或博客。</p>
<p>原创文章转载请注明: <a href="http://blog.duoday.com/2006/178.html" rel="bookmark" title="本文固定链接 http://blog.duoday.com/2006/178.html">javascript脚本语言描述：document 文挡对象详解 | 奇风's Blog</a></p>
</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/165.html" rel="bookmark" title="怎么改善现有网站为xhtml+CSS">怎么改善现有网站为xhtml+CSS</a></li><li><a href="http://blog.duoday.com/2007/200.html" rel="bookmark" title="在VB中调用DOS命令，如何得知DOS命令是否已经执行完毕">在VB中调用DOS命令，如何得知DOS命令是否已经执行完毕</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/133.html" rel="bookmark" title="保护ASP脚本源代码">保护ASP脚本源代码</a></li><li><a href="http://blog.duoday.com/2006/154.html" rel="bookmark" title="为你的网页做出电影的过场效果">为你的网页做出电影的过场效果</a></li><li><a href="http://blog.duoday.com/2008/247.html" rel="bookmark" title="delphi虚拟点击过360安全卫士">delphi虚拟点击过360安全卫士<sup>(3)</sup></a></li><li><a href="http://blog.duoday.com/2006/135.html" rel="bookmark" title="使用ASP重启服务器">使用ASP重启服务器</a></li><li><a href="http://blog.duoday.com/2006/169.html" rel="bookmark" title="应用CSS完全手册">应用CSS完全手册</a></li><li><a href="http://blog.duoday.com/2007/201.html" rel="bookmark" title="delphi ADO 连接参数">delphi ADO 连接参数</a></li><li><a href="http://blog.duoday.com/2006/111.html" rel="bookmark" title="Javascript相关脚本">Javascript相关脚本</a></li></ul>
<div class="clear"></div>
</div><div class="clear"></div>
</div>
<div class="articles">
<!-- You can start editing here. -->
<h3 id="comments" style="margin-bottom:10px">javascript脚本语言描述：document 文挡对象详解：等您发表评论</h3>
<div id="respond_box">
<div id="respond">
<h3 id="reply-title" class="comment-reply-title">发表评论</h3><small><a rel="nofollow" id="cancel-comment-reply-link" href="/2006/178.html#respond" style="display:none;">[点击取消回复]</a></small>
<script type="text/javascript">
var gravatarurl = "https://weavatar.com/avatar/";
jQuery(document).ready(function ($) {
$('#email').on('blur', function () {
let email = $('#email').val().trim();
if (email !== '') {
let hash = sha256(email.toLowerCase());
$('#real-avatar .avatar').attr('src', gravatarurl + hash + '?s=50&d=mm&r=g');
$('#real-avatar .avatar').attr('srcset', gravatarurl + hash + '?s=100&d=mm&r=g 2x');
$('#get_gravatar').fadeOut().html('看看右边头像对不对？').fadeIn('slow');
}
});
});
</script>
<div class="cancel-comment-reply">
<div id="real-avatar">
</div>
</div>
<form action="http://blog.duoday.com/wp-comments-post.php" method="post" id="commentform" class="comment-form">
<div class="comment-notes"><span id="email-notes">电子邮件地址不会被公开。</span> 必填项已用 <span class="required">*</span> 标注</div>
<div id="comment-author-info" class="comment-author-info">
<div>
<input type="text" name="author" id="author" class="commenttext" value="" size="22" tabindex="1" />
<label for="author">昵称 *</label>
</div>
<div>
<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>
</div>
<div>
<input type="text" name="url" id="url" class="commenttext" value="" size="22" tabindex="3" />
<label for="url">网址</label>
</div>
</div>
<div class="clear"></div>
<textarea name="comment" id="comment" tabindex="4" cols="50" rows="5"></textarea>
<div>
<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' />
</div>
<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/2009/279.html" rel="bookmark" title="最新免费H球空间">最新免费H球空间</a></li>
<li><a href="http://blog.duoday.com/2008/255.html" rel="bookmark" title="Spy-Net 0.4 奇风汉化版">Spy-Net 0.4 奇风汉化版</a></li>
<li><a href="http://blog.duoday.com/2007/197.html" rel="bookmark" title="Delphi 源程序格式书写规范">Delphi 源程序格式书写规范</a></li>
<li><a href="http://blog.duoday.com/2008/254.html" rel="bookmark" title="让Real Player从你的电脑走开">让Real Player从你的电脑走开</a></li>
<li><a href="http://blog.duoday.com/2008/243.html" rel="bookmark" title="他(她)们都是天使,有一双大而透明的翅膀…">他(她)们都是天使,有一双大而透明的翅膀…</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/2008/235.html" rel="bookmark" title="历史上最有名的十大红颜祸水">历史上最有名的十大红颜祸水</a></li>
<li><a href="http://blog.duoday.com/2006/129.html" rel="bookmark" title="sql语句">sql语句</a></li>
<li><a href="http://blog.duoday.com/2005/96.html" rel="bookmark" title="关于＃i nclude的说明">关于＃i nclude的说明</a></li>
<li><a href="http://blog.duoday.com/2005/57.html" rel="bookmark" title="MD5密码破解 MD5Crack32">MD5密码破解 MD5Crack32</a></li>
</ul>
</div></div></div>
<div class="widget">
</div>
<div class="clear"></div>
<div class="widget top_comment">
<h3>最活跃的读者</h3>
<ul>
</ul>
</div>
<div class="widget">
</div>
<div class="clear"></div>
<div class="widget"><h3>最新评论</h3>
<div class="r_comment">
<ul>
<li>百事可乐加冰:<br /> <a href="http://blog.duoday.com/2016/614.html#comment-1815" title="百科：恶心的网络虚拟性交">这种女人该千刀万剐,活该</a></li>
<li>ctrl:<br /> <a href="http://blog.duoday.com/2016/614.html#comment-1814" title="百科：恶心的网络虚拟性交">同意。
一个巴掌拍不响，都是不</a></li>
<li>水南客:<br /> <a href="http://blog.duoday.com/2016/614.html#comment-1813" title="百科：恶心的网络虚拟性交">贱!</a></li>
<li>北一京:<br /> <a href="http://blog.duoday.com/2016/614.html#comment-1812" title="百科：恶心的网络虚拟性交">不要脸的女人，网上做爱有意思么？</a></li>
<li>what ask:<br /> <a href="http://blog.duoday.com/2006/115.html#comment-612" title="“启动黑屏”的故障检修">真的让我又学了一课</a></li>
<li>时代下载:<br /> <a href="http://blog.duoday.com/2010/307.html#comment-150" title="动网数据库Access 转成SQL Server2000 数据库的一个绝对成功的好方法">帅呆了~~~ 滔滔江水啊~~</a></li>
<li>iPod Stire:<br /> <a href="http://blog.duoday.com/2009/283.html#comment-149" title="日本军人如此看中国：对解放军从敬佩到轻视">可信，可不信。。不可不信，不可完</a></li>
<li>灰机:<br /> <a href="http://blog.duoday.com/2010/330.html#comment-123" title="和女朋友分手，她却拿做 爱来说事，我打了她">看你的博客很久了 。呵呵</a></li>
<li>低碳:<br /> <a href="http://blog.duoday.com/2010/330.html#comment-122" title="和女朋友分手，她却拿做 爱来说事，我打了她">呵呵，强悍。。</a></li>
<li>笑:<br /> <a href="http://blog.duoday.com/2010/330.html#comment-121" title="和女朋友分手，她却拿做 爱来说事，我打了她">搞笑。。。</a></li></ul>
</div></div>
<div class="widget"><h3>博客统计</h3>
<ul>
<li>日志总数：220 篇</li>
<li>评论总数：61 条</li>
<li>标签数量：76 个</li>
<li>链接总数：7 个</li>
<li>建站日期：</li>
<li>运行天数：20522 天</li>
<li>最后更新：2023-7-11</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="https://www.weisay.com/blog/wordpress-theme-weisay-simple.html?weisaysimple">Weisay</a>.
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/weisaysimple/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</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","nonce":"0a95e08a64","post_id":"178"};
//# sourceURL=wp-postviews-cache-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="http://blog.duoday.com/wp-content/plugins/wp-postviews/postviews-cache.js?ver=1.78" id="wp-postviews-cache-js"></script>
</div>
</body>
</html><!-- WP Fastest Cache file was created in 0.126 seconds, on 2026年03月10日 @ 1:32 pm --><!-- via php -->