1.JS书写方式
JS有三种书写位置,分别为行内、内嵌和外部
行内式JS
<input type="button" value="点我试试" onclick="alert('Hello World')"/>
- 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如:onclick
- 注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号
- 可读性差,在HTML中编写JS大量代码时,不方便阅读
- 引号容易错
- 特殊情况下使用
内嵌式JS
<script>
alert('Hello World!');
</script>
- 可以将多行JS代码写到
<script>
标签中 - 内嵌JS是学习时最常用的方式
外部JS文件
<script src="my.js"></script>
- 利用HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观又方便文件级别的复用
- 引用外部JS文件的script标签中间不可以写代码
- 适合于JS代码量大的情况
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--内嵌式的js-->
<script>
//alert('我爱小妹');
</script>
<!-- 3.外部js script 双标签 -->
<script src="my.js"></script>
</head>
<body>
<!--行内式的js 直接写道元素的内部-->
<!-- <input type="button" value="小妹" onclick="alert('我爱小妹')"> -->
</body>
</html>
JS注释
单行注释
Ctrl + /
或Ctrl + K + C
取消单行注释
Ctrl + /
Ctrl + K + U
块注释
Alt + Shift + A
3.JS输入输出语句
方法 | 说明 |
---|---|
alert(msg) | 浏览器弹出警示框 |
console.log(msg) | 浏览器控制台打印输出信息 |
prompt(info) | 浏览器弹出输入框,用户可以输入 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//输入框
prompt('请输入你的名字');
//alert 弹出警示框 输出的 展示给用户的
alert('红尘');
//console 控制台输出 给程序员测试用的
console.log('我是程序员能看到的');
</script>
</head>
<body>
</body>
</html>