JavaScript基础(1)_输出语句与编写位置

js输出语句

alert():控制浏览器弹出一个警告框
例如：alert("这是我的第一行js代码");

document.write():让计算机在页面中输出一个内容
例如：document.write("hello world!");

console.log():向控制台输出一个内容
例如：console.log("你猜我在哪里呢？");  

js编写位置

1、按钮或超链接标签中(不推荐使用)

可以将js代码编写到按钮标签的onclick属性中，当我们点击按钮时，js代码才会执行

<button onclick="alert('欢迎您来到新手村!')">点我一下</button>

可以将js代码编写到超链接标签的href属性中(此时alert内只能用单引号)，当我们点击超链接时，js代码才会执行

    <a href="javascript:alert('欢迎您来到新手村!');">点我一下</a>
    <a href="javascript:;">点我一下</a>

虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护。

2、script标签中

可以将js代码编写到script标签中

    <script>
        alert("这是我的第一行代码！");
        document.write("hello world!");
        console.log("你猜我在哪里呢？");     
    </script>

3、将js代码编写到外部js文件中，然后在html头标签head内通过script标签引入(推荐使用)

<script src="../js/script.js"></script>

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

例如：

<script src="../js/script.js"></script>
<script>
alert("我是内部js代码！");  
</script>

优势：写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制。和其他编程语言一样，js代码也是丛上到下依次执行。