什么是JS?
JS全称 JavaScript,是一种运行在浏览器的编程语言,而HTML则是标记语言。从而实现人机交互效果
JS有什么作用?
- 网页特效 (监听用户的一些行为让网页作出对应的反馈)
- 表单验证 (针对表单数据的合法性进行判断)
- 数据交互 (获取后台的数据, 渲染到前端)
- 服务端编程 (node.js)
JS组成有哪两部分组成?
-
ECMAScript :规定了js基础语法核心知识。比如:变量、分支语句、循环语句、对象等等。也是JS的标准
-
Web APIs:
- DOM,操作文档,比如对页面元素进行移动、大小、添加删除等操作,类似于网页标签
- BOM,操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等
需要注意,DOM也属于BOM
JS书写位置
1、内部
直接写在html文件里,用script标签包住,且一定要写在结束上面,原因是浏览器执行时会按照代码在文件中的顺序加载 HTML。
<body>
<script>
alert('JS是个好东西');
</script>
</body>
2、外部
通过script标签,添加class引入路径(src=' ')引入到html页面中。实际开发中较为常用的一种
<body>
<script src="./JS/Mine.js">
</script>
</body>
注意:script标签中间不可再书写任何代码,否则会被忽略,无法在页面中显示
3、内联
将代码写在标签里面,这种用法在JS中并不常用,作为了解即可
<body>
<button onclick="alert('你还是单身狗')">点我</button>
<button onclick="alert('你偏不听')">不要点我</button>
</body>
注意:当外面是双引号是,里面不可再跟同样的双引号
JS注释及结束符
注释
注释是编写程序时,写程序的人给一个语句、程序段、函数等的解释或提示,能提高程序代码的可读性。注释只是为了提高代码可读性,不会被计算机编译
快捷键:ctrl + /
结束符
意味着语句结束的符号(;),可写可不写,因为在你换行时会自动识别成结束符。当然,在实际日常工作场景中,一般团队负责人会给程序号写好的格式化代码,当你保存时会自动生效
输入和输出语法
什么叫做语法?
如果我们想要操控计算机,去达成我们想要的效果,那么我们就要按照计算机的规则来书写代码
常见的三种输出语法
<script>
document.write('要输入的内容')
// 向body内输出内容,如果输出的内容写的是标签,也会被解析成网页元素
console.log('控制台');
// 控制台输出语法,程序员调试使用
alert('请输入')
// 页面弹出警告对话框,也叫流氓对话框
</script>
输入语法:显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字,获取的输入内容是字符串,相当于对话框标题
<body>
<script>
prompt('请输入')
</script>
</body>
字面量
相当于收入多个变量,只需要在括号里加上+即可
<body>
<script>
username = prompt('请输入名称?')
foods = prompt('最喜欢的实物?')
sport = prompt('最喜欢的运动?')
hobby = prompt('爱好是什么?')
document.write(username+foods+sport+hobby)
</script>
</body>