使用JavaScript编写HTML

1.什么是JavaScript？

JavaScript是一种脚本语言，通过Dom定义表示和修改文档所需的对象和这些对象的行为和属性以及这些对象之间的关系从而操作HTML文档，比如添加、移除、改变或重排页面上的项目，使得自己能与网页交互。

2.为什么要使用JavaScript编写HTML？

（1）使用DOM时,所有的文档信息都存于内存中,遍历简单,增强了易用性。
（2）可将js文件与html文件分离，使得html文档结构更加清晰，内容不繁琐

3.如何用JavaScript编写HTML?

编写方式

（1）在HTML直接插入JS代码

java api html版本 java script html_html

（2）调用JS文件

java api html版本 java script html_前端_02

编写方法

利用Dom使JavaScript获得对HTML文档中所有元素进行访问的入口。

java api html版本 java script html_javascript_03


以上是Dom获得入口的常见方法，下面举两个例子

（1）获得body的子元素数量

<body>
    <script type="text/javascript">
      function countBodyChildren() {
        let element = document.getElementsByTagName("body")[0];
        console.log(element.childNodes.length);
      }
    </script>
  </body>

（2）实现鼠标悬停时，文本为黑体字

<body>
    <script type="text/javascript">
      function highlightRows() {
        let rows = document.getElementsByTagName("tr");
        for (let i = 0; i < rows.length; i++) {
          rows[i].onmouseover = function () {
            this.style.fontweight = "bold";
          };
          rows[i].onmouseout = function () {
            this.style.fontweight = "normal";
          };
        }
      }
    </script>
  </body>