1、JavaScript是什么?
是一种运行在客户端(浏览器)的编程语言,实现人机交互效果
2、作用(做什么?)
网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端) 服务端编程 (node.js)
3、JavaScript的组成(有什么?)
ECMAScript: 规定了js基础语法核心知识。 比如:变量、分支语句、循环语句、对象等等 Web APIs : DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作 BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等 注意 DOM属于BOM
一、引入方式
1、内部js
<body>
<!-- 需写在body标签最后面,避免网页内容还没出现【浏览器解析代码从上至下】,js就出现 -->
<script>
alert('你好 JavaScript')
</script>
</body>
2、外部js
<body>
<!-- 引入外部js后,不能在此标签内再写内容 -->
<script src="./02-外部js.js"></script>
<!-- src写需要引入的js文件 -->
</body>
3、内联js
<body>
<!-- 内联js写法, 不常用不推荐,容易写错 【了解即可】-->
<button onclick="alert('我月薪过万了')">点我月薪过万</button>
<button onclick="alert('我月薪也过万了')">点我月薪也过万</button>
</body>
二、注释
<body>
<script>
// 单行注释 ctrl + /
//
/*
多行注释 alt + shift + a
*/
alert('你好')
</script>
</body>
三、输入和输出语句
<body>
<script>
// 页面输出
document.write('我是直接在页面输出的');
// 弹窗输出
alert('我是弹窗输出的');
// 控制台输出
console.log('我是控制台输出的');
/*-------------------------------------------*/
// 输入
// prompt('输入一段文字试试?');
document.write(prompt('请输入你的名字'));
username = prompt('你输入点什么?') // username接收输入的文字
document.write(username) // 打印
</script>
</body>
\