-
JavaScript简介
-
课程准备
-
变量及数据类型
-
六大类运算符
-
条件语句和循环语句
-
函数的创建及调用
-
操作元素及事件绑定
-
数字及字符串处理函数
-
数组处理函数
-
对象处理函数
-
JSON数据格式
-
-
JavaScript特点
- 脚本(Script)语言
- 解释性语言
- 基于对象的语言
- 安全性语言
- 跨平台性
-
ES,JS和JScript关系
- ECMAScript:简称ES,可以理解为是JavaScript的一个标准
- JavaScript:网景公司开发的一种脚本语言
- JScript:微软公司开发的一种脚本语言
-
JavaScript内部引入,注释
-
实例化操作
-
-
外部引入和行内引入
-
-
输入输出工具
- 显示可提示用户进行输入的对话框,简称:输入弹窗。
语法: prompt(对话框中显示的纯文本,默认的输入文本);两个参数均为可选。
prompt();
prompt('请输入姓名:');
prompt('请输入姓名:','张三'); - 弹出带有一条指定消息和一个确定按钮的警告框,简称:输出弹窗
语法: alert(对话框中显示的纯文本);
alert('你好,世界1'); - 输出到页面,会以HTML的语法解析里面的内容
语法:document.write(参数1,参数2,参数3,...) ,它们将按顺序被追加到文档中。
document.write("你好,世界!1");
document.write("<span style='color: red;'>你好,世界1</span>");
document.write("<span style='color: red;'>你好,世界2</span>","<br>","<span style='color: blue;'>你好,世界3</span>");
- 显示可提示用户进行输入的对话框,简称:输入弹窗。
-
控制台输出信息
- 在控制台上输出的信息,浏览器按下 F12 打开控制台,Console 即控制台可以接受任何字符串、数字和js对象,可以看到清楚的对象属性结构,不会阻塞程序的执行.
- 实例化
- var zxw={name:'李四',sex:'男',age:'15'};
- console.log(zxw);
-
引入区域和执行顺序
- 引入区域
- js可以引入文档中的任何区域,js都可以正确执行
- js通常写在head区域或者body区域
- 执行顺序
- 代码在执行过程中,另一段代码想要执行就必须等当前代码执行完成后才可以进行
- JS是按照语句出现的先后顺序执行,和引入方式无关
- 引入区域
-
JavaScript对DOM树的阻塞
- 1.DOM: js操作网页的接口,全称为“文档对象模型”(Document Object Model)。可以简单理解成页面中的元素。
- DOM树:元素和元素之间的关系,可以简单理解成页面的结构。
- js的执行会阻塞页面结构的加载,此时 DOM树是不完整的,这样在调用一些 js代码时就可能报错
- 防止阻塞的两种方法
- .把所有js代码放在body区域的最后
- 添加window.onload事件,表示网页加载完毕后(包括图片、css文件等等)执行的操作
-
js无效特例 -
页面加载时候就运行
-
JavaScript发生错误时的阻塞
- 根据js执行顺序:按照语句出现的先后顺序执行,上一段代码执行完毕,才能执行下一段代码
- 如果一段代码出现错误,那么这段代码之后的代码都不能执行
- 根据浏览器控制台错误提示对错误进行调试
- 根据alert()的阻塞特征,可以对错误进行调试
-
JavaScript学习方法和技巧
- 不要背单词,善用开发工具提示功能;
- 出错不可怕,善用调试工具的错误提示功能
- 善用js参考手册和搜索工具
- 将错误提示和知识点整理成册
- 经常使用的认真学习,不常用的了解,根本不用的不学习
JavaScript基础第一天学习之准备工作
最新推荐文章于 2022-09-23 13:12:43 发布