JavaScript嵌入页面的方式

1、行间事件（主要用于事件）(但是他们属于结构与行为耦合，不方便维护，不推荐使用)

<input type="button" name="" onclick="alert('ok！');">

2、页面script标签嵌入

<script type="text/javascript">        
    var a = '你好！';
    alert(a);
</script>

3、外部引入(推荐使用的方式)

script标签一旦用于引入外部文件了，就不能再编写代码了，即使编写了浏览器也会忽略
如果需要则可以再创建一个新的script标签用于编写内部代码

<script type="text/javascript" src="js/index.js"></script>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloWorld</title>
    <!--JS代码需要编写到script标签中-->
    <script type="text/javascript">
        /*
        控制浏览器弹出一个警告框
        alert("宁姐，你真漂亮！！");
        */

        /*
        让计算机在页面中输出一个内容
        document.write()可以向body中输出一个内容
        document.write("看我出不出来~~~");
        */
        
        /*
        向控制台输出一个内容
        console.log()的作用是向控制台输出一个内容
        console.log("你猜我在哪出来呢？");
        */

        alert("宁姐，你真漂亮！！");
        document.write("看我出不出来~~~");
        console.log("你猜我在哪出来呢？");
    </script>
</head>
<body>
    
</body>
</html>