目录
1.6 JS初体验
JS有三种书写位置,分别为行内,内嵌和外部
1.行内式JS("简单了解")
<input type = "button" value = "点击按钮" onclick = alert('Hello World')"/>可以将单行或少量JS代码写在HTML标签的时间属性中(以on开头的属性),如onclick
注意单引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号
可读性差,在HTML中编写JS大量代码时,不方便阅读;
引号易错,引号多层嵌套匹配时,非常容易弄混;
特殊情况使用
2.内嵌式(较常用)
<script>
alert('Hello World')
</script>3.外部JS文件(较常用)写好引入路径
<script src"my.js"></script>利于HTML页面代码结构化,把打断JS代码独立到HTML页面之外,既美观,也方便文件级别的复用
引用外部JS文件的script标签中间可以不写代码
适合于JS代码量比较大的情况
1.7JavaScript注释
跟Java一样,分为单行注释和多行注释
单行注释("//")
<script>
//alert('Hello World')
</script>多行注释(/* ~*/)
<script>
/*
alert('Hello World')
alert('Hello World')
alert('Hello World')
*/
</script>1.8JavaScript输入输出语句
| 方法 | 说明 | 归属 |
| alert(msg) | 浏览器弹出警示框 | 浏览器 |
| console(msg) | 浏览器控制台打印输出信息 | 浏览器 |
| prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//这是一个输入框
prompt('请输入年龄')
//alert 弹出警示框 输出的 展示给用户的
alert('计算的结果是')
//console 控制台输出,给程序员测试用的
console.log('在控制台输入')
</script>
</body>
</html>上面则是三种输出语句
第一种语句:
第二种语句:
第三个语句:点击控制台: