append与document.write的区别与几种用法

最新推荐文章于 2024-08-17 08:37:57 发布

原创最新推荐文章于 2024-08-17 08:37:57 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了在编程中如何使用不同的模式打开文件进行读写操作，以及如何在HTML文档中使用`append()`和`document.write()`方法进行元素内容的修改。包括不同模式下文件的创建与内容处理，以及在DOM元素上追加或替换内容的方法。

打开文件的模式为append时，当前文件指针指向文件末尾，因此可以追加写在文件后。打开文件的模式为write，文件原来的内容将被清除，文件指针指向文件头，因此是重新写一个文件。
两种方式遇到要打开的文件名不存在时，都是新建一个文件，然后写。
 当要打开的文件名已经存在时，append追加写在文件后，write清除文件，重新写一个文件。

append：
在<p>元素结尾插入内容：
append()

$("button").click(function(){
  $("p").append(" <b>Hello world!</b>");
});

 append() 方法在被选元素的结尾（仍然在内部）插入指定内容。
append语法：

$(selector).append(function(index,html))

 function(index,html)是必须的，规定了返回待插入内容的函数。

Document.write:
write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。
我们通常按照两种的方式使用 write() 方法：一是在使用该方在文档中输出 HTML，另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。在第二种情况中，请务必使用 close() 方法来关闭文档。

<html>
<body>

<script type="text/javascript">
document.write("Hello World!");
</script>

</body>
</html>

 
语法：

document.write(exp1,exp2,exp3,....)

 
根据 DOM 标准，该方法只接受单个字符串作为参数。不过根据经验，write() 可接受任何多个参数。