1.什么是Javascript
1.是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。
2.Javascript能做什么
1.做网页特效 (监听用户的一些行为让网页作出对应的反馈)
2.表单验证 (针对表单数据的合法性进行判断)
3.数据交互 (获取后台的数据, 渲染到前端)
4.服务端编程 (node.js)
3.Javascript的组成有哪些
1.ECMAscript
1.规定了js的基础语法核心知识,例如变量、分支语句、循环语句、对象等等
2.Web APIs(包含DOM和BOM)
1.DOM:操作文档,比如对页面元素进行移动、大小、添加删除等操作 2.2
2.BOM: 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等
3.注意的是DOM属于BOM
4.Javascript书写的位置
1.内部式
1.直接写在html文件里,用script标签包住:script标签写在上面。
2.由于浏览器执行js会从上往下执行,如果放到body前面,那么js会在页面结构出现前就展示出来,这样并不优雅。
<body>
<script>
document.write('写在body标签底部')
</script>
</body>
2.外部式
1.通过通过script标签,引入到html页面中,文件代码以.js结尾。
<body>
<!-- 注意的时外部js里面的script标签内不要写js -->
<script src="./弹出.js"></script>
</body>
2.注意的是不要在script标签内写js。
3.内联式
1.代码写在标签属性内部
2.不建议使用,后期结合VUE。
<body>
<button onclick="alter('点击会弹出警示框')">按钮一下</button>
</body>
5.javascript的结束符
1.代表语句结束。
2.英文分号 ;
3.可写可不写(现在不写结束符的程序员越来越多)。
4.换行符(回车)会被识别成结束符 ,所以一个完整的语句,不要手动换行。
5.因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符 。
<body>
<script>
alert('警示框');
//这两者都可以,看个人
alert('这也是警示框')
</script>
</body>
6.javascript的输入和输出语法
1.什么是语法
1.人和计算机打交道的规则约定
2.我们要按照这个规则去写
3.我们程序员需要操控计算机,需要计算机能看懂
2.输入的语法
-
输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户,这便是一次输入和输出的过程。
-
语法结构
<body> <script> //获取的信息是字符串型,需要注意 prompt('请输出你的名字') </script> </body>
3.输出的语法
<body>
<script>
document.write('这是输出在body标签里面的')
// 注意的是documet是输出在body标签里面的
alert('这是弹出警示框')
//alert是弹出警示框的
console.log('这是输出在控制台给程序员看和调试的')
//这是控制台输出
</script>
</body>
`