【DOM编程艺术】document对象的write方法
2014-04-14 17:31
169 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.write</title> </head> <body> <script type="text/javascript"> document.write("<p>This is inserted</p>") </script> </body> </html>
页面中会显示This is inserted
此种写法很容易导致验证错误。比如说,在第一个例子里,<script>标签后面的"<p>'很容易被认为是<p>标签,而在<script>标签的后面打开<p>标签是非法的。事实上,那个"<p>"和"</p>"只不过是一个将被插入文档的字符串的组成部分而已。
insertParagraph('This is inserted.'); function insertParagraph(text){ var str='<p>'; str += text; str += '</p>'; document.write(str); }
从某种意义上讲,使用document.write方法有点儿像使用<font>标签去设定字体和颜色。虽然这两种技术在HTML文档里的都工作的不错,但他们都不够优雅。
相关文章推荐
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- Javascript DOM 编程艺术:dom 节点及操作节点方法
- DOM编程之document对象
- [JavaScript]addLoadEvent方法--摘自<JavaScript+DOM编程艺术>
- js_day24--js DOM编程(document+body对象)
- DOM-document.selection.createRange方法和TextRange对象
- Javascript DOM Document|Element|Attribute对象方法详解
- dom编程中window对象的setInterval,setTimeout方法详解
- js基础之DOM中document对象的常用属性方法
- 5个常用的DOM方法 (js dom编程艺术之第3章)
- 【DOM编程艺术】XMLHttpRequest对象
- 四. (1)详解“0级DOM==遗留DOM”—回顾Document对象的属性和方法
- 详解0级DOM:Document对象的属性和方法
- js基础之DOM中document对象的常用属性方法详解
- 【DOM编程艺术】form对象
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- js基础之DOM中document对象的常用属性方法
- 【DOM编程艺术】Math对象
- javascript--DOM对象模型的常用操作属性和方法
- 【DOM编程艺术】jquery代码