6--javascript 用法和输出_js怎么让06变成6-优快云博客

本文链接：https://blog.youkuaiyun.com/xu_ze_qin/article/details/107850319

写一段html文本document.write
HTML 输出流中使用 document.write，相当于添加在原有html代码中添加一串html代码。而如果在文档加载后使用（如使用函数），会覆盖整个文档。

<!DOCTYPE html>
<html>
<body>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
</body>
</html>

body中写的东西

<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>

script的代码 document.getElementById
这段代码可以放到body里

<script>
function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

可以在头部和body中引用
外部 javascript 文件不使用 script标签，直接写 javascript 代码

<script src="myScript.js"></script>

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

1.window.alert()

<script>
window.alert(5 + 6);
</script>

2、document.getElementById()

<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

document.getElementById(“demo”) 是使用 id 属性来查找 HTML 元素的 JavaScript 代码。

innerHTML = “段落已修改。” 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。
3、document.write ()
写到 HTML 文档document.write() 仅仅向文档输出写内容。

<script>
document.write(Date());
</script>

4、console.log()

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

6--javascript 用法 和 输出