一、JavaScript在网页中的位置

1.HTML文档中的<script>标签之中：

<!DOCTYPE HTML><html>
    <head>
        <meta charset="utf-8"/>
        <title>JavaScript的位置1</title>
        <script type="text/javascript">
             //这里可以写JavaScript脚本
        </script>
    </head>
    <body> 
    </body>
</html>

2.HTML文档中的元素的事件绑定中调用

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>JavaScript的位置2</title> 
    </head>
    <body>
         <button onclick="alert('点我干嘛？')">点我</button>
    </body>
</html>

3.HTML文档中，超链接的href属性中调用

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>JavaScript的位置3</title>
    </head>
    <body>
         <a href="javascript:alert('惊不惊喜，意不意外')">惊喜链接</a>
    </body>
</html>

4.外部js文件中，HTML中使用<script>标签引用

js文件： myjs.js

function sayHi(){
    alert("Hi");
}

同文件夹下HTML文件

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>JavaScript的位置4</title>
        <script type="text/javascript" src="./myjs.js"></script>
    </head>
    <body>
         <button onclick="sayHi()">hi</button>
    </body>
</html>

二、JavaScript的简单应用

1.让浏览器弹出一个警告框

alert("警告信息");

2.给文档的开始部分追加内容

document.write("<span>Hello</span>");

3.向控制台输入信息

console.log("你好，控制台");

三、注释和注意内容

1.单行注释　　　　　　//

2.多行注释　　　　　　/* */

3.js代码中，严格区分大小写

4.js中每条语句后面都要以分号（;）结尾

5.注释代码，不要少于1/4，为了别人看得懂，也为自己少挖坑

来源：https://www.cnblogs.com/wlzg/p/11405991.html

标签

javascript

html代码

charset

html文件

002-JavaScript基本应用

一、JavaScript在网页中的位置

二、JavaScript的简单应用

三、注释和注意内容