[removed]的几点使用心得
177 浏览量
2020-12-09
06:22:26
上传
评论
收藏 60KB PDF 举报
document.write的几点使用心得的几点使用心得
一直用document.write()方法向浏览器中显示数据用，把它当做Alert()使用， 看来这样用有些大材小用了，下面说说它的主要
用处。
document.write()方法可以用在两个方面：
1.页面载入过程中，用脚本加入新的页面内容。
2.用延时脚本创建本窗口或新窗口的内容。
该方法需要一个字符串参数，它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式，写入
的内容常常包括HTML标记语言。如下面代码，教务系统框架载入子页
代码如下:
<!–将框架放入单元格中–>
<span style=”font-size:18px;”>
<td class=”index-table-middle-center” valign=”top” id=”content-container”>
<div id=”loading”>
//加载效果图标
<img src=”images/loading.gif” alt=”loading” border=”0″ />
</div>
<script type=”text/javascript”>
//调用JS的OutputIFrame函数，形成框架
Index.OutputIframe();
</script>
</td>
</span>
代码如下:
<span style=”font-size:18px;”>//输出框架
Index.OutputIframe = function () {
var scrolling = $.isIE6 == true ? ‘yes’ : ‘auto’;
document.write(‘<iframe id=”content” width=”100%” height=”100%” class=”hide” marginwidth=”0″ marginheight=”0″
frameborder=”0″ scrolling=”‘ + scrolling + ‘” onload=”$(\’#loading\’).hide();$(this).show();” src=””></iframe>’);
};
</span>
在载入页面后，浏览器输出流自动关闭。在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输
出流，它将清除当前页面内容(包括源文档的任何变量或值)。因此，假如希望用脚本生成的HTML替换当前页面，就必须把
HTML内容连接起来赋给一个变量，使用一个document.write()方法完成写操作。
关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内
容后，必须关闭输出流。在延时脚本的最后一个document.write()方法后面，必须确保含有document.close()方法，不这样做
就不能显示图像和表单。并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入
新值。
为了演示document.write()方法，我们提供了同一个应用程序的两个版本。一个向包含脚本的文档中写内容，另—个向—个单
独的窗口写内容。
评论0