[转载]在浏览器中显示信息
在浏览器中显示信息
| JScript | 语言参考 |
在浏览器中显示信息
Microsoft JScript 提供了两种方式来在浏览器中直接显示数据。可以使用write( ) 和 writeln( )，这两个函数是document 对象的方法。也可以在浏览器中以表格的方式显示信息，以及用 消息框来显示信息。
使用document.write( ) 和 document.writeln( )
显示信息最常用的方式是 document 对象的 write( ) 方法。该方法用一个字符串作为其参数，并在浏览器中显示。该字符串可以是普通文本或 HTML。
字符串可以用单引号或双引号引起来。这样可以引用那些包含引号或撇号的内容。
document.write("Pi is approximately equal to " + Math.PI);
document.write( );
注意 下面的简单函数可以避免在浏览器中显示信息时不得不键入 "document.write"。该函数不能告知要显示的信息是否未定义，而是发布给命令 "w();"，该命令将显示一个空行。
function w(m) { // 编写函数。
m = "" + m + ""; // 确保变量 m 是一个字符串。
if ("undefined" != m) { // 判别是否为空或其它未定义的项。
document.write(m);
}
document.write("
");
}
w('
');
w();
w("This is an engraving of a horse.");
w();
writeln( ) 方法与 write( ) 方法几乎一样，差别仅在于是前者将在所提供的任何字符串后添加一个换行符。在 HTML 中，这通常只会在后面产生一个空格；不过如果使用了
和标识，这个换行符会被解释，且在浏览器中显示。</p> <p>在调用 <b>write( )</b> 方法时，如果该文档不处于在调用 <b>write( )</b> 方法时的打开和分析的过程中，该方法将打开并清除该文档，所以它可能是有危险的。该示例显示了一个每隔一分钟就显示时间的脚本，但是在第一次显示后由于它从过程中将自己清除，因此会导致失败。 </p><pre><HTML><br /><HEAD><br /><SCRIPT LANGUAGE="JScript"><br />function singOut() {<br />var theMoment = new Date();<br />var theHour = theMoment.getHours();<br />var theMinute = theMoment.getMinutes();<br />var theDisplacement = (theMoment.getTimezoneOffset() / 60);<br />theHour -= theDisplacement;<br />if (theHour > 23) {<br />theHour -= 24<br />}<br />document.write(theHour + " hours, " + theMinute + " minutes, Coordinated Universal Time.");<br />window.setTimeout("singOut();", 60000);<br />}<br /></SCRIPT><br /></HEAD><br /><BODY><br /><SCRIPT><br />singOut();<br /></SCRIPT><br /></BODY><br /></HTML></pre> <p>如果使用 window 对象的 <b>alert()</b> 方法而不是 <b>document.write()</b>，则该脚本可以运行。 </p><pre>window.alert(theHour + " hours, " + theMinute + " minutes, Coordinated Universal Time.");<br />window.setTimeout("singOut();", 60000);}</pre> <h2>清除当前文档</h2> <p><b>document</b> 对象的 <b>clear()</b> 方法将清空当前文档。该方法也将清除您的脚本（随文档的其他部分一起），因此要特别注意该方法的使用方式及在什么时候使用该方法。 </p><pre>document.clear();</pre> <div class="footer"> <hr /> <a href="jscopy.htm">© 2000 Microsoft Corporation 版权所有。保留所有权利。使用规定。</a></div> </div> <p style="clear:both;"></p> <p class="translate"> 来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/374079/viewspace-130400/ ，如需转载，请注明出处，否则将追究法律责任。 </p> <!-- --> </div> </div> <div class="preview-footer clearfix"> <!--已点赞、收藏--> <div class="icon-praise" id="praise" onclick="blogObj.praise($(this),'/praise/')"><span class="text"></span><span class="num">0</span></div> <div class="icon-collect" id="collect" onclick="blogObj.praise($(this),'/favour/')"><span class="text"></span><span class="num">0</span></div> <div class="share-group fr"> <div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1522216707615"> <span class="fl">分享到：</span> <a href="javascript:;" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="javascript:;" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a> <a href="javascript:;" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a href="javascript:;" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> </div> <script> window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdDesc": "", "bdMini": "", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "32" }, "share": {"bdSize": 16} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)]; if ($(window).width() < 1320) { if ($(window).width() < 1200) { $(".sideslip").css({ "left": "20px", "margin-left": 0 }) } else { $(".sideslip").css({ "margin-left": "-590px" }) } }</script> </div> </div> <div class="article-context"> <div class="fl"> <span class="color77">上一篇：</span> <a href="https://blog.itpub.net/374079/viewspace-130399/">[转载]条件编译变量</a> </div> <div class="fr"> <span class="color77">下一篇：</span> <a href="https://blog.itpub.net/374079/viewspace-130402/">[转载]Microsoft JScript 特性 - ECMA</a> </div> </div> <input type="hidden" id="blogId" name="blogId" value="130400"> <!--评论开始--> <div class="blog-comment"> <div class="new-comment"> <input type="hidden" id="hid" name="hid" value="130400"> <input type="hidden" name="_token" value="HEsuUoCRWh7WWljqSESLSKmfPHjOAlXgcfLWY4DB"> <a class="avatar" href="javascript:;"> <img src="/images/user_pic_default.png"></a> <!--用户未登录--> <div class="sign-container"> <span>请登录后发表评论</span> <a class="btn btn-sign"> <a class="layui-btn ml30" onclick="blog.login(event)">登录</a> </a> </div> <!--用户已登录--> <textarea placeholder="请写下你的评论…" onfocus="blogObj.textareaFocus($(this),200)" maxlength=200></textarea> </div> <div class="comment-list"> <div class="top-title"><span class="all-comment">全部评论</span> <span class="colorbb ml20"></span> </div> <div class="comment-items" id="comment_items"> <script type="text/template" id='blog_template'> <%for(var i=0;i <items.length;i++){%> <div class="comment-item"> <div class="author"> <a target="_blank" href="/<%=items[i].uid%>" class="avatar"> <img src="<%=items[i].headimg%>" alt=""> </a> <div class="info"> <div class="name"><a target="_blank" href="/<%=items[i].uid%>"><%=items[i].username%></a> <span class="fr reply-btn" onclick="blogObj.newComment($(this),'<%=items[i].username%>',<%=items[i].id%>)">回复</span> </div> <div class="time colorbb"><%=items[i].createtime%></div> </div> </div> <p class="comment-wrap"><%=items[i].content%></p> <%if(items[i].items.items.length) { %> <div class="sub-comment-list"> <%for(var j=0;j <items [i].items.items.length;j++){%> <div class="sub-comment"> <div class="color77 time-reply"> <span class="time"><%=items[i].items.items[j].createtime%></span> <span class="reply-btn fr" onclick="blogObj.newComment($(this),'<%=items[i].items.items[j].username%>',<%=items[i].items.items[j].id%>)">回复</span> </div> <p><a href="/<%=items[i].uid%>"><%=items[i].items.items[j].username%></a> 回复 <a href="/<%=items[i].touid%>"><%=items[i].items.items[j].tousername%></a>： <span class="content"><%=items[i].items.items[j].content%></span></p> </div> <%}%> <%if(items[i].items.total > 5) { %> <div class="more-comment"><span class="sub-comment-count">还有<i class="count"><%=items[i].items.total-5%></i>条评论</span><span class="more-comment-btn" onclick=blogObj.loadSubComment($(this),<%=items[i].id%>) data-count=1 data-flag=true>点击查看</span> </div> <%}%> </div> <%}%> </div> <%}%> </script> </div> </div> </div> <!--评论结束--> </div> <script> </script> <div class="fr w290"> <!--作者信息开始--> <!--作者信息开始--> <div class="author-info right-fixed "> <div class="head-img"> <a href="https://blog.itpub.net/374079/"><img src="http://account.itpub.net/api/avatar.php?uid=374079" alt=""></a> </div> <div class="author-name"><a href="https://blog.itpub.net/374079/">dinner1007</a></div> <div class="author-intro"> </div> <p class="register-time"><span class="color77">注册时间：</span>2018-08-23</p> <ul class="tree-list clearfix"> <li> <div class="item-tt">博文量</div> <a href="https://blog.itpub.net/374079/"><span class="item-num blognum">1714</span></a> </li> <li> <div class="item-tt">访问量</div> <div class="item-num blogviewnum">1477643</div> </li> </ul> </div> <!--作者信息结束--> <script> var data = {uid: 374079}; $._ajax({ url: '/getAuthorInfo/', data: data, type: 'get', dataType: 'json', success: function (data) { if (data.code == 200) { var data = data.data; $(".blognum").text(data.blognum); $(".blogviewnum").text(data.visitednum); } } }); </script> <!--作者信息结束--> <!--博文推荐开始--> <div class="blog-choice right-fixed"> <h3 class="choice-title">最新文章</h3> <ul class="newul"> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-131748/" class="clearfix"> [转载]如何向MIDP2.0窗体中加入自定义的项目 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-131468/" class="clearfix"> [转载]Eclipse中用SWT和JFace开发入门(一) </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-131004/" class="clearfix"> [转载]在Java中轻松实现界面跳转 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-131190/" class="clearfix"> [转载]关于spring中的aop的解释 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-130391/" class="clearfix"> [转载]Jscript 保留字 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-131046/" class="clearfix"> [转载]一个表单域自动绑定的Tag实现方法 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-931232/" class="clearfix"> [转载]什么是 Enterprise JavaBeans组件？第三部分：布署和使用 Enterprise JavaBeans 组件 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-130232/" class="clearfix"> [转载]使 Web 应用程序能够适应多种浏览器 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-130615/" class="clearfix"> [转载]EJB 最佳实践: 验证助手类 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/374079/viewspace-132311/" class="clearfix"> [转载]权限设计（一nbsp;模型部分） </a> </li> <ul> </div> <!--大牛精选结束--> </div> </div> <div class="icon-back-top" onclick="$('html,body').animate({scrollTop:0},'slow');"></div> <!--main部分结束--> <!--百度推送--> <script> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <!--footer部分开始--> <div class="blog-footer"> <div class="w1200 pr"> <div class="footer-links"> <a class="icon-blog icon-wx mr30"> <div class="wx-qrcode"> <img src="/images/qrcode.jpg" alt=""> </div> </a> <a href="https://weibo.com/itpub2001?from=myfollow_all" class="icon-blog icon-wb" target="_blank"></a> </div> <p class="footer-nav"> <a href="http://www.it168.com/bottomfile/it168.shtml" target="_blank">支持我们</a> <a href="http://www.it168.com/bottomfile/tgzn.shtml" target="_blank">作者招募</a> <a href="http://www.it168.com/bottomfile/sytk.shtml" target="_blank">用户协议</a> <a href="//blog.itpub.net/31509949/viewspace-2157750/" target="_blank">FAQ</a> <a href="http://edu.itpub.net/contactus.html" target="_blank">Contact Us</a> <script src="https://s22.cnzz.com/z_stat.php?id=1274521965&web_id=1274521965" language="JavaScript"></script> </p> <p>北京盛拓优讯信息技术有限公司. 版权所有 <a style="color:#777777;" target="_blank" href="http://beian.miit.gov.cn">京ICP备16024965号-8</a> 北京市公安局海淀分局网监中心备案编号：11010802021510 niuxiaotong@pcpop.com 17352615567 <a style="color:#777777;" target="_blank" href="http://www.it168.com/jubao.html"> 未成年人举报专区</a></p> <p>广播电视节目制作经营许可证(京) 字第1234号 中国互联网协会会员</p> <p>违法和不良信息举报电话:18101376593</p> </div> </div> <!--footer部分结束--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5016281862f595e78ffa42f085ea0f49"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?540bee2c1a1b922df9e0a0b922440b73"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- END STAT PV --> </body> </html>