JS文档写入与函数调用-优快云博客

本文介绍了如何使用JavaScript的document.write方法向HTML文档中写入内容，并探讨了其在页面加载后的使用限制。此外，还展示了如何通过函数调用进行计算并更新页面元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.仅用js的document.write来向文档写内容

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
document.write("<p>My First JavaScript</p>");
</script>

</body>
</html>

View Code

2.但如果在文档加载完成后，类似于用某个按钮来document.write就会覆盖整个文档

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button onclick="myFunction()">点击这里</button>

<script>
function myFunction()
{
document.write("糟糕！文档消失了。");
}
</script>

</body>
</html>

View Code

3.单双引号都可以用来括字符串，只是双引号里里面不能再放双引号，要放单引号，单引号和双引号交替使用

4.在<script></script>部分里可以调用里面的函数

<!DOCTYPE html>
<html>
<body>

<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo"></p>

<script>
function myFunction(a,b)
{
 return a*b;
}

document.getElementById("demo").innerHTML = myFunction(4,3);
</script>

</body>
</html>