JS的简介:
JavaScript 在 1995 年由 Brendan Eich 发明,并于 1997 年成为一部 ECMA 标准。
ECMA-262 是其官方名称。ECMAScript 6 (发布于 2015 年)是最新的 JavaScript 版本。
总结:就是JS是和html css 协同工作的给页面添加动态效果。
DOM:文档对象模型,将html页面比作一个文档,形成节点树
BOM:浏览器对象模型,将浏览器比作对象,可以对浏览器进行操作
JS的两种引入方式:
1.在 HTML 中直接引用
直接书写script标签(双边标签) 在script标签中写js代码即可 script代码可以放在咱们html页面的任意位置
<body>
<!-- js代码建议放在文档的最后 -->
<!-- 使用<script>标签引入js -->
<script type="text/javascript">
// 在此处写js代码
console.log("js日志...")
</script>
</body>
2.外部引用
就是在标签中书写
<script type="text/javascript" src="路径" charset="utf-8"></script>
<!-- charset:是设置js的编码格式的
type="text/javascript" 告知浏览器 当前的文档类型-->
JS语法:
声明变量的语法格式:在js中声明一个变量的语法格式 var 变量名字 = 初始的值; var 可以省略.
var 变量名字 = 初始的值;
/*
JS基本数据类型:
number 数字(包含了整数和小数)
string 字符串
boolean 布尔类型的数据
*/
var str = "";字符串类型的
/* /*
toUpperCase()
toLowerCase()
endWidth()
charAt()通过下标找字符
indexof()通过字符找下标
subString()
*/
声明一个引用对象语法格式:
var 引用对象 = {属性:值,属性:值....} ;
声明一个数组的语法格式:
var arr = [];
// 方法
// length:数组长度
// join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔一个
// pop():返回并删除最后元素
// push():向数组的末尾添加一个或更多元素,并返回新的长度
// reverse();反转数组
// sort();排序
总结:碰到中括号就是一个数组 通过索引下标来取 碰到大括号就是一个对象 .键来取对象的值
JS中的运算符:
算术运算符
+ - * / %
关系运算符
> < >= <= == != ===
===判断值和数据类型
逻辑运算符
与:&& 或:|| 非:!
JS函数:【重点】
JavaScript 函数通过 function
关键词进行定义,其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。
圆括号可包括由逗号分隔的参数 由函数执行的代码被放置在大括号中。
function 函数名([参数1,...]) {
[return 值;]
}
// 方法定义上没有返回值类型
// 参数列表中也不需要设置数据类型,也不需要写var
// 函数如果需要返回数据,直接ruturn 值;
// 调用
函数名([参数]);