基本概念:html是一种可插入html页面的轻量级脚本语言。

一个简单的html程序:

前端示例

JavaScript 能够直接写入 HTML 输出流中:

您只能在 HTML 输出流中使用 document.write。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。

1、直接写入 HTML 输出流

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");

2、JavaScript:对事件的反应

   <button type="button" onclick="alert('欢迎!')">点我!</button>

alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。
3、改变 HTML 内容

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

源码:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>example</title> 
</head>
<body>
    
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
    x=document.getElementById("demo");  // 找到元素
    x.innerHTML="Hello JavaScript!";    // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
    
</body>
</html>

4、改变 HTML的样式

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式

5、