JS的三种书写位置

1、行内式的JS

直接写到元素里面

<input type="button"  value="点击" onclick="alert(1)" />

2、内嵌式的js

写到里面

1、嵌入到head中

需要写一个入口函数

window.onload=function(){}

2、嵌入到html中或body中

3、外部js

写在另一个文件里面

首先新建一个后缀名为**.js**的文件，然后在html代码中加入 (标签中间不允许写代码)

*注意 1、在html中通常使用双引号，js中通常使用单引号

2、编写大量js代码时，建议使用外部js

JS注释（多行注释+单行注释）

注释就是不被解析的一串字符。JavaScript注释有以下两种方法：

单行注释：//单行注释信息
多行注释：/多行注释信息/

示例1

把位于//字符后一行内的所有字符视为单行注释信息。下面几条注释语句可以位于代码段的不同位置，分别描述不同区域代码的功能

//程序描述
function toStr(a){  //块描述
  //代码段描述
  return a.toString();  //语句描述
} 
*使用单行注释时，在//后面的同一行内的任何字符或代码都会被忽视，不再解析

示例2

/*
* jQuery JavaScript Library v3.3.1
* https://jquery.com/
* Includes Sizzle.js
* https://sizzlejs.com/
* Copyright JS Foundation and other contributors
* Released under the MIT license
* https://jquery.org/license
* Date: 2019-08-21 T 17:24 Z
*/
*在多行注释中，包含在/*和*/符号之间的任何字符都视被为注释文本而忽略掉

Javascript的输出与输入方式

JS的输出方式

1.alert()

弹出一个对话框，并显示输入的信息，信息都是String形式。该对话框包含一个确定按钮，点击后浏览器才会继续解析执行

 <script>
        alert("弹出一个alert()"); //输出指定内容
        var msg = "输出一个变量";
        alert(msg); //输出变量中的内容
    </script>

2.document.write()

输出内容到HTML文档中，这意味着可以输出标签

<body>
    <div>============</div>
    <script>
        document.write("AAA");
        document.write("<p>" + "输出标签" + "</p>");
    </script>
</body>

3.console.log()

用法和上面方法一致，只是信息会输出到控制台（浏览器F12打开审查元素页面，下面就是控制台）

JS的输入方式

除了上面用输入文本框获取输入值之外，JS还提供了prompt()和confirm()方法来提供输入，接下来就一一演示它们的作用

1.prompt()

弹出一个允许输入值的对话框，提供了确定和取消两个按钮，还能提供预期输入值

 <script>
       function inBtn(){
           var msg = prompt("请输入值","预期输入");
           alert("你输入的值：" + msg);
       }
    </script>
    <button οnclick="inBtn()">打开输入框</button>

JS的三种书写位置 JS注释（多行注释+单行注释）JS的输出输入方式