定义
js是一种运行在浏览器的编程语言,实现人机交互的效果
作用
- 网页特效
- 表单验证
- 数据交互
- 服务端编程(node.js)
组成部分
ECMAScript :规定了js基础语法核心知识
比如:变量、分支语句、循环语句、对象等等
Web APIs
- DOM 页面标签
- BOM 浏览器刷新
权威网站:MDN
书写位置
内部-自己用来写小demo
<body>
<script>
alert('点击这个js')
</script>
</body>
注意事项:写在的上面
外部-工作中常用
代码写在以.js结尾的文件里
<body>
<script src="./JS/外部js.js"></script>
</body>
注意事项:script标签中间无需加内容,不然会被忽视
内联-不推荐使用
<body>
<button onclick="alert('键盘敲烂,月薪过万')">加油</button>
</body>
</html>
注释
单行注释
符号://
快捷键:ctrll+/
块注释
符号:/* */
快捷键:ctrl+shift+/
结束符
分号;代表结束或者不写,直接按回车
可写可不写,因为会有工具统一格式化文档
输入和输出语法
输出语法
- document.write('要输出的内容')
<script>
document.write('输出语法1,加单引号')
</script>
-
alert('要输出的内容')
<script> alert('这是一个js') </script> -
console.log('控制台打印')比较推荐的写法
<script> console.log('比较推荐的输出语法'); </script>
输入语法
prompt('输入的内容')
输入和输出的小案例:
<body>
<script>
username = prompt('请输入你的姓名?')
document.write(username)
// console.log(dinner);
</script>
</body>
获取多个值输入输出,输出内容左右隔开,中间+号
<body>
<script>
name=prompt('请输入你的姓名')
sex=prompt('请输入你的性别')
hobby=prompt('请输入你的爱好')
addres=prompt('请输入你的住址')
telephone=prompt('请输入你的电话')
document.write( name + sex + hobby + addres + telephone)
</script>
</body>