HTML 脚本/JavaScript

向HTML 添加脚本（Script),使其动态性和交互性更强。<script>定义客户端脚本（默认为JavaScript脚本语言）JavaScript 最常用于内容动态更新。

自动弹出窗口

<script>
   alert("Hello javascript!");
</script>

运行代码

JavaScript的组成

JavaScript由ECMAScript、DOM、BOM三部分组成。

（1）ECMAScript：描述了该语言的语法和基本对象。

（2）DOM：文档对象模型（DOM），描述处理网页内容的方法和接口。

（3）BOM：浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

动态更改 HTML 元素内容

<button type="button" onclick="Function()">点击我！</button>

<p id="anli">这是一个静态文本。</p>

<script>
function Function() { 
  document.getElementById("anli").innerHTML = "Hello JavaScript!";
}
</script>

运行代码

动态改变html内容样式

<p id="anli">被改变前的样子</p>
    
    <script>
    function Function() {
      document.getElementById("anli").style.fontSize = "20px"; 
      document.getElementById("anli").style.color = "yellow";
      document.getElementById("anli").style.backgroundColor = "red";        
    }
    </script>
    
    <button type="button" onclick="Function()">改变样式</button>

运行代码

不支持脚本标签

<script>
document.write("炫代码!")
</script>
<noscript>注意：你的浏览器可能关闭了JavaScript，或者不支持JavaScript</noscript>

运行代码

支持浏览器