JavaScript笔记 - JS和html代码的结合方式

JavaScript和html代码的结合方式

方式一

  • 在head标签或body标签中，使用script标签来书写JavaScript代码

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type = "text/javascript">
        //alert是JS语言提供的一个警告框函数
        //它可以接收任意类型的参数，这个参数就是警告框的提示信息
        alert("hello javaScript");
    </script>
</head>
<body>
</body>
</html>

方式二

  • 使用script标签引入单独的JavaScript代码文件

    //js文件内
alert("hello javaScript");

    <!--html文件内-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--script标签可以用来定义代码，也可以用来引入js文件
		但是两个功能只能二选一，不能同时使用两个功能-->
    <script type = "text/javascript" src="test.js"></script>
    <!--可用通过分两次执行来规避这条限制-->
    <script type = "text/javascript">
    	alert("hiiiii");
    </script>
</head>
<body>
</body>
</html>
posted @ 2022-11-01 21:33  Solitary-Rhyme  阅读(78)  评论(0)    收藏  举报