简明现代魔法 -> JavaScript -> JavaScript教程:动态文档内容

JavaScript教程:动态文档内容

2009-12-25

客户端JavaScript的一个巨大作用就是,把静态的HTML转化成交互式的Web应用程序。

每个页面显示一个HTML Document,表示这个页面有一个Document属性,它引用了一个Document对象。Document对象十分有趣,而表示Document内容的对象也十分有趣。Document的内容对象可以包含文本、图像、超链接,还有表单元素等等。JavaScript可以访问并且操作这些对象,这是JavaScript一个非常激动人心的功能。

文档对象模型(Document Object Model)是一个API,它定义了如何访问组成一个文档的对象。

Document 的 write() 方法

Document 的 write() 方法允许把内容写入文档中。以下代码使用 write() 方法把当前日期添加到文档。

效果演示:

<script>
	var today = new Date();
	document.write("文档访问:" + today.toString());
</script>  

document.write() 在一个HTML文档中插入一个文本,具体在哪里插入呢?简单来说就是<script>标签处。使用 write() 方法在文档正在被解析的时候输出文本。这是极为常见的 JavaScript 编程技术。

创建一个弹出窗口

结合 Document 对象的 open() 和 close() 方法,可以在一个新页面创建一个全新的文档。

<script>
	var w = window.open();  // 创建一个全新的页面
	var d = w.document;		// 获得该页面的文档对象
	d.open();	// 新文本开始
	d.write("<h1>Hello World!</h1>");  // 输出文本内容
	d.close();  // 文本结束
</script>  

要创建新文档,首先要调用 Document 对象的 open() 方法,然后多次调用 write() 方法在文档中写入内容,最后调用 Document 对象的 close() 方法说明创建过程结束了。

Document.write() 方法的参数

Document.write() 方法有它的参数写法。比如

document.write("您好," + username + ",欢迎访问我的博客。");  

可以写成

var greeting = "您好,";
var welcome = ",欢迎访问我的博客。";
document.write(greeting, username, welcome);  

另外,Document.writeln() 方法与 Document.write() 方法差不多,只不过在输出后附加一个换行符。

小结

本教程介绍了 Document 对象的 write()、open()、close()、writeln() 这四个方法。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们