JavaScript 基础知识点

Posted 樊琇鸿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 基础知识点相关的知识,希望对你有一定的参考价值。

javascript作用:
1、页面的交互特效
2、表单验证

javascript组成:
1、ECMAscript---核心
2、DOM---文档对象模型 document
3、BOM---浏览器对象模型
window--窗口
history--历史
location--地址栏(url)
document--页面(body) DOM

javascript怎么干?
1.获取元素(标签) 通过id、class、标签获取
2.操作内容
3.操作属性
4.操作样式
5.创建删除标签
6.操作事件

javascript语言(套路):
1.注释、关键字、标识符、常量
//单行注释
/*
多行注释
*/
标识符规则:字母、数字、下划线、$符号等4个组成部分,数字不能作为名字
常量:10 1000 “你好”
2.变量、数据类型
变量:
定义并赋值:var 变量名 = 值;名 = 值;
javascript数据类型(6种):
1、number数字(int(整型,没有小数点)/float(小数))
2、string “字符串”字符串数字相加拼接
3、boolean 布尔类型:不是真就是假 true(真) false(假)
4、null 空值 没有指向
5、undefined 没有定义
6、Object 对象
(数组是对象的一部分)
3.运算符
1、算数运算符:+ -* / %取余 {++自增 --自减 自增自减在前在后 ++在后 先计算后++ ++在前 先++后计算}
赋值运算符: = += -=
2、关系运算符: > < >= <= != ==值大小的比较(判断) ===值大小和数据类型都比较
3、逻辑运算符:&& //或者 !返 return:返回
4、三元运算符:表达式
4.控制语句
顺序结构
分支选择结构:if
else if
switch:是匹配具体的值,没有找到break往下一个case里面找直到最后 case具有穿透性
break:跳出

字符串转字符:parseInt(内容)


循环结构:while()死循环 do{}while() for()
两种循环使用场景:
for:已知循环次数的
while:满足某个条件 终止循环

break:在循环、switch里边有使用跳出当前的本层循环 终止循环
continue:在循环里边使用跳出本次循环,进入下次循环

for(var i=0; i<0;i++){

}
for( 1.初始化;2.条件判断;3.状态改变){
4.执行的代码
}

while(1表达式 2.执行的代码){
}
1.
判断表达式是不是ture

do{

}while(表达式);
如果表达式1 成立 执行代码1 否则执行代码2


if(表达式1){
执行的代码
}else(表达式2){
执行的代码
}
if成立执行if,不成立执行else

 

switch(匹配的值){

case"值":

代码

break;

default

代码

break

}

注:当没有找到break时,继续往下找break

 


5.数组
6.方法(函数)
函数定义
1.function 方法名(参数列表1,参数列表2...){
代码集合
}
2.var 方法名 = function(参数列表){}
函数(方法)没有调用就不执行

方法调用:方法名(参数列表1,参数列表2...)


类、对象

console.log(控制台 打印)

javascript使用方式:
1.直接在标签里面写,事件属性的值(常用的值是方法名)
<div onClick="alert(123)">弹出123</div>
2.在html文件中以标签的的形式展现,标签名是script
<script type="text/javascript">
js代码
</script>
3.外部引用在html文件中以标签的的形式展现,标签名是script
<script type="text/javascript" src=""></script>

js三种弹窗:
alert();---告警窗口 没有返回值
confirm();---选择窗口 有返回值 布尔类型
prompt();---输入窗口 有返回值 用户输入














































































































以上是关于JavaScript 基础知识点的主要内容,如果未能解决你的问题,请参考以下文章

javascript 基础知识

JavaScript 基础知识

javascript 基础知识点

前端基础(HTML,CSS,JavaScript)知识笔记,附:前端基础面试题!!

JavaScript基础知识点学习记录

JavaScript基础知识点总结