当前位置: 首页 > 设计代码 > 正文

javascript脚本语言描述:document 文挡对象详解

注:页面上元素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/162.html" rel="bookmark" title="CSS的优化与技巧">CSS的优化与技巧<sup> </sup></a></li> <li><a href="http://blog.duoday.com/2005/96.html" rel="bookmark" title="关于#i nclude的说明">关于#i nclude的说明<sup> </sup></a></li> <li><a href="http://blog.duoday.com/2007/199.html" rel="bookmark" title="用Delphi开发视频聊天软件">用Delphi开发视频聊天软件<sup> </sup></a></li> <li><a href="http://blog.duoday.com/2009/277.html" rel="bookmark" title="reg命令使用详解">reg命令使用详解<sup> </sup></a></li> <li><a href="http://blog.duoday.com/2006/136.html" rel="bookmark" title="aspemail组件的应用">aspemail组件的应用<sup> </sup></a></li> <li><a href="http://blog.duoday.com/2005/14.html" rel="bookmark" title="ASP编程防范“OR=OR”">ASP编程防范“OR=OR”<sup> </sup></a></li> <li><a href="http://blog.duoday.com/2007/197.html" rel="bookmark" title="Delphi 源程序格式书写规范">Delphi 源程序格式书写规范<sup> </sup></a></li> <li><a href="http://blog.duoday.com/2006/109.html" rel="bookmark" title="滚动图片——代码">滚动图片——代码<sup> </sup></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/195.html" rel="bookmark" title="CSS制作的特效文字">CSS制作的特效文字<sup> </sup></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"> //<![CDATA[ jQuery(document).ready(function() { var gravatarurl= 'https://gravatar.loli.net/avatar/'; jQuery('#email').blur(function() { jQuery('#real-avatar .avatar').attr('src', gravatarurl + hex_md5(jQuery('#email').val()) + '?s=50&d=mm&r=g'); jQuery('#real-avatar .avatar').attr('srcset', gravatarurl + hex_md5(jQuery('#email').val()) + '?s=100&d=mm&r=g 2x'); jQuery('#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> <script type="text/javascript"> /* <![CDATA[ */ function grin(tag) { var myField; tag = ' ' + tag + ' '; if (document.getElementById('comment') && document.getElementById('comment').type == 'textarea') { myField = document.getElementById('comment'); } else { return false; } if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = tag; myField.focus(); } else if (myField.selectionStart || myField.selectionStart == '0') { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; var cursorPos = endPos; myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length); cursorPos += tag.length; myField.focus(); myField.selectionStart = cursorPos; myField.selectionEnd = cursorPos; } else { myField.value += tag; myField.focus(); } } /* ]]> */ </script> <div class="smilies"> <a href="javascript:grin(':?:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_question.gif" alt="?" /></a> <a href="javascript:grin(':razz:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_razz.gif" alt="razz" /></a> <a href="javascript:grin(':sad:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_sad.gif" alt="sad" /></a> <a href="javascript:grin(':evil:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_evil.gif" alt="evil" /></a> <a href="javascript:grin(':!:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_exclaim.gif" alt="!" /></a> <a href="javascript:grin(':smile:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_smile.gif" alt="smile" /></a> <a href="javascript:grin(':oops:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_redface.gif" alt="oops" /></a> <a href="javascript:grin(':grin:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_biggrin.gif" alt="grin" /></a> <a href="javascript:grin(':eek:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_surprised.gif" alt="eek" /></a> <a href="javascript:grin(':shock:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_eek.gif" alt="shock" /></a> <a href="javascript:grin(':???:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_confused.gif" alt="???" /></a> <a href="javascript:grin(':cool:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_cool.gif" alt="cool" /></a> <a href="javascript:grin(':lol:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_lol.gif" alt="lol" /></a> <a href="javascript:grin(':mad:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_mad.gif" alt="mad" /></a> <a href="javascript:grin(':twisted:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_twisted.gif" alt="twisted" /></a> <a href="javascript:grin(':roll:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_rolleyes.gif" alt="roll" /></a> <a href="javascript:grin(':wink:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_wink.gif" alt="wink" /></a> <a href="javascript:grin(':idea:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_idea.gif" alt="idea" /></a> <a href="javascript:grin(':arrow:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_arrow.gif" alt="arrow" /></a> <a href="javascript:grin(':neutral:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_neutral.gif" alt="neutral" /></a> <a href="javascript:grin(':cry:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_cry.gif" alt="cry" /></a> <a href="javascript:grin(':mrgreen:')"><img src="http://blog.duoday.com/wp-content/themes/weisaysimple/images/smilies/icon_mrgreen.gif" alt="mrgreen" /></a> </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/2024/778.html" rel="bookmark" title="一文搞定:尿路感染如何处理?">一文搞定:尿路感染如何处理?</a></li> <li><a href="http://blog.duoday.com/2024/774.html" rel="bookmark" title="尿路感染诊断与治疗中国专家共识(2015版)——尿路感染抗菌药物选择策略及特殊类型尿路感染的治疗建议">尿路感染诊断与治疗中国专家共识(2015版)——尿路感染抗菌药物选择策略及特殊类型尿路感染的治疗建议</a></li> <li><a href="http://blog.duoday.com/2024/767.html" rel="bookmark" title="上尿路感染性结石诊断与治疗中国专家共识(2024版)">上尿路感染性结石诊断与治疗中国专家共识(2024版)</a></li> <li><a href="http://blog.duoday.com/2024/765.html" rel="bookmark" title="一个最全到不能错过尿路感染用药总结">一个最全到不能错过尿路感染用药总结</a></li> <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> </ul> <ul> <li><a href= "http://blog.duoday.com/2024/765.html" rel="bookmark" title="一个最全到不能错过尿路感染用药总结 (0条评论)" >一个最全到不能错过尿路感染用药总结</a></li> <li><a href= "http://blog.duoday.com/2024/767.html" rel="bookmark" title="上尿路感染性结石诊断与治疗中国专家共识(2024版) (0条评论)" >上尿路感染性结石诊断与治疗中国专家共识(2024版)</a></li> <li><a href= "http://blog.duoday.com/2024/774.html" rel="bookmark" title="尿路感染诊断与治疗中国专家共识(2015版)——尿路感染抗菌药物选择策略及特殊类型尿路感染的治疗建议 (0条评论)" >尿路感染诊断与治疗中国专家共识(2015版)——尿路感染抗菌药物选择策略及特殊类型尿路感染的治疗建议</a></li> <li><a href= "http://blog.duoday.com/2024/778.html" rel="bookmark" title="一文搞定:尿路感染如何处理? (0条评论)" >一文搞定:尿路感染如何处理?</a></li></ul> <ul class="hide"> <li><a href="http://blog.duoday.com/2005/45.html" rel="bookmark" title="与女人斗嘴的N种结果">与女人斗嘴的N种结果</a></li> <li><a href="http://blog.duoday.com/2012/492.html" rel="bookmark" title="晴空万里,却又细雨">晴空万里,却又细雨</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/2008/234.html" rel="bookmark" title="男人“狗该不了吃屎”!">男人“狗该不了吃屎”!<转></a></li> <li><a href="http://blog.duoday.com/2008/230.html" rel="bookmark" title="【转】妻子情人红颜">【转】妻子情人红颜</a></li> <li><a href="http://blog.duoday.com/2006/182.html" rel="bookmark" title="声音播放、无限循环和停止问题">声音播放、无限循环和停止问题</a></li> <li><a href="http://blog.duoday.com/2005/42.html" rel="bookmark" title="我侄女的照片">我侄女的照片</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/166.html" rel="bookmark" title="Div+CSS+JS树型菜单,可刷新">Div+CSS+JS树型菜单,可刷新</a></li> <li><a href="http://blog.duoday.com/2008/244.html" rel="bookmark" title="张柏芝回应"艳照门事件" 发表公开信">张柏芝回应"艳照门事件" 发表公开信</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>日志总数:224 篇</li> <li>评论总数:61 条</li> <li>标签数量:76 个</li> <li>链接总数:6 个</li> <li>建站日期:</li> <li>运行天数:20079 天</li> <li>最后更新:2024-11-22</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-2024 奇风's Blog. Powered by <a href="http://www.wordpress.org/" rel="external">WordPress</a>. Theme by <a href="http://www.weisay.com/">Weisay</a>. <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":"73f11fb4c2","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> </div> </body> </html>