1、 JavaScript 的作用
- 表单动态校验（密码强度检测） （ JS 产生最初的目的 ）
- 网页特效
- 服务端开发(Node.js)
- 桌面程序(Electron)
- App(Cordova)
- 控制硬件-物联网(Ruff)
- 游戏开发(cocos2d-js)
HTML/CSS 标记语言–描述类语言
HTML 决定网页结构和内容( 决定看到什么 )，相当于人的身体
CSS 决定网页呈现给用户的模样( 决定好不好看 )， 相当于给人穿衣服、化妆
JS 脚本语言–编程类语言
实现业务逻辑和页面控制( 决定功能 )，相当于人的各种动作
2、三种引用方式：行内、内嵌、外部引用
<!-- 2 内嵌式 (放入head标签中) -->
<script type="text/javascript">
// 获取box元素
// var box = document.getElementById('box');
// console.log(box);
// load事件 该事件会在页面中所有的音频、视频、dom元素加载完毕之后执行
// window.onload = function() {
// // 获取box元素
// var box = document.getElementById('box');
// console.log(111, box);
// }
</script>
<!-- 3 外链式 -->
<!-- <script src="./js/demo.js"></script> -->
</head>
<body>
<div id="box">box</div>
<!-- 1 行内式 -->
<!-- 行内式：在元素的事件属性中书写，由于写在html中，导致代码冗余，因此不常用。 -->
<button οnclick="alert('提示框')">点我执行</button>
<!-- 2 内嵌式 （还可以放入到body标签中） 后面讲课常用 -->
<script type="text/javascript">
// 获取box元素
// var box = document.getElementById('box');
// console.log(222, box);
</script>
<!-- 3 外链式（还可以放入body标签中） 常用 -->
<script src="./js/demo.js"></script>
</body>
2.1 外部引用：（工作中常用）
可以放在head中，也可以放在body里的标签后面
<script src="my.js">注意哦，这里不可以写任意代码</script>
- 在控制面板中的Network里找到js，可以看到引入的文件
2.2 内嵌式：
可以放在head中，也可以放在body里的标签后面
<!-- type="text/javascript" 表示纯文本js，也可以不写 -->
<script type="text/javascript"></script>
<script>
window.onload = function() {
var box = document.getElementById('box');
console.log(111, box);
}
</head>
- 这里，是所有页面中body中先加载，然后再去执行javascript，所以有时候放在body中反而会有优先级，并且能够拿到div中的box元素，放在head的时候，需要用到onload事件
2.3 书写规范
js解析器的工作原理: js解析器是一条一条语句解析的，当看到分号时，知道这是一条语句的结束。如果没有分号，解析器会一直解析直到遇见分号。所以书写js语句要求大家每一条语句必须用分号结尾。
js代码在上线前会压缩代码，将所有的换行，空格，缩进都删掉。
当有多个script标签时，js解析器也是从上往下执行
2.4 输入输出语句
prompt('请输入您的年龄');//输入框
alert('计算的结果是');//提示信息
console('你好');//控制台显示，给程序员看的
confirm('您确定删除该商品吗');//用于询问用户一个"是"和"否"的结果 返回值是布尔值，通过打印出来看到
console.log(confirm('您确定删除该商品吗'
最低0.47元/天 解锁文章
1959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
