十年专注于品牌网站建设 十年专注于品牌网站建设,低调、高逼格、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

关于document中write()、writeln()、open()和close()使用方法及注意事项详细介绍

baiheng 2014/12/1 4315

关于document对象的功能已经存在很多年了,那就是将输出流写入到网页中的能力。这个能力体现在下列4个方法中:write()、writeln()、open()和close()。其中,write()和writeln()
方法都接受一个字符串参数,即要写入到输出流中的文本。write()会原样写入,而writeln()则会在字符串的末尾添加一个换行符(\n)。在页面被加载的过程中,可以使用这两个方法向页面中动态 地加入内容,如下面的例子所示:
<html>
<head>
<title>document. write() Example</title>
</head>
<body>
<p>The current date and time is:
<script type="text/javascript">
document.write("<strong>"+(new Date()).toString()+"</strong>");
</script>
</p>
</body>
</html>
这个例子展示了在页面加载过程中输出当前日期和时间的代码。其中,日期被包含在一个<strong>元素中,就像在HTML页面中包含普通的文本一样。这样做会创建一个DOM元素,而且可以在将来访问该元素。通过write()和writeln()输出的任何HTML代码都将如此处理。
此外,还可以使用write()和writeln()方法动态地包含外部资源,例如JavaScript文件等。在包含JavaScript文件时,南昌网络公司百恒网络技术人员提醒大家,必须注意不能像下面的例子那样直接包含字符串"</script>",因为这会导致该字符串被解释为脚本块的结束,因此它后面的代码将不能执行。
<html>
<head>
<title>document. write() Example 2</title>
</head>
<body>
<script type="text/javascript">
document.write("<script type=\"text/javascript\"src=\"file.js\">"+
"</script>");
</script>
</body>
</html>
即使这个文件看起来没错,但字符串"</script>"将被解释为与外部的<script>标签匹配,结果文本");将会出现在页面中。为避免这个问题,只须把这个字符串分开写即可;第2章也曾经提及这个问题,解决方案如下:
<html>
<head>
<title>document.write() Example 3</title>
</head>
<body>
<p>No extra characters here:</p>
<script type="text/javascript">
document.write("<script type=\"text/javascript\"src=\"file.js\">" +

</script>
</body>
</html>
在把字符串"</script>"分成拼接字符串"</scr>"+"ipt>"之后,它就不会被当作外部
《script>标签的关闭标签了,因而页面中也就不会出现多余的内容了。
前面的例子使用docurnent.write()在页面被呈现的过程中直接向其中输出了内容。如果在文档加载结束后再调用doccument.write(),那么输出的内容将会重写整个页面,如下面的例子所示:
<html>
<head>
<title>document.write() Example 4</title>
</head>
<body>
<p>This is some content that you won't get to see because it will be overwritten.</p>
<script type="text/javascript“>
window. onload=function(){
document.write("Hello world!");
};
</script>
</body>
</html>
在这个例子中,我们使用了window.onload事件处理程序,等刭页面完全加载之后延迟执行函数。函数执行之后,字符串"Hello worldl"会重写整个页面内容。
方法open()和close()分别用于打开和关闭网页的输出流。如果是在页面加载期间使用write() 或writeln()方法,则不需要用到这两个方法。

本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广技人员有所帮助。原创文章出自:南昌网站建设公司-百恒网络 http://www.jxbh.cn 如转载请注明出处!

400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×