js基础笔记
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
一.script 的引入方式
1.头部引入
2.外部引入（可以在头部，可以在body）
3.body闭标签前引入（也叫作内部引入），一般写法
js的调试方式
1.alert（）
2.console.log()
3.document.write()
js的数据：
1. 常量
2. 变量（容器）
变量定义：
var a = 0;
命名规范：
1. 由数字，字母，下划线和$组成。并且数字不能开头
2. 不能与系统保留字同名，无二义性
3. 变量名不能重复
4. 见名知意，驼峰法。匈牙利命名法（一般用于元素命名）
数据类型：
1. number 数字
2. string 字符串
3. boolean 布尔
4. none 空对象
5. object 对象
6. undefined 未定义
7. NAN （not a number）
8. [element collection] 9. [node list] 10. [object object] json
11. float 浮点数
12. int 整数
类型转化：
显示类型转换
Number();
string();
a.toString();
parseInt();
parseFloat();
隐形类型转换:
+ 字符串连接符
运算符：
1. 算术运算符 + - * / %
2. 赋值运算符 = （拷贝）
3. 复合运算符 += -= /= %= *=
// a += 3;
// // a = a + 3;
4. 自增运算
a++, ++a, a--, --a
5. 条件运算符
>, <, >=, <=,!=,===,!==
与布尔值连用
==， === 区别： 是否判断类型
！= ， ！== 不全等
6. 逻辑运算符（连接多个条件）
&& ，与 ||，或 ！非
&&： 一假即假
||： 一真即真
！=： 真真假假
注意短路情况
7.三目运算符
条件 ？ 表达式1 ：表达式2
表达式： 由常量，变量和运算符组成的式子
表达式都有返回值！！
a = 3;
二，分支结构
满足某一条件，就执行某一段代码
var a = "买一斤包子"；
if (条件) {
};
如果..就..否则..
// if (true) {} else {};
var a = 1;
if (条件1 a < 3) {
}else if (条件2 a < 5) {
}else if (条件3 a < 8) {
}...
else {
}
switch..case
多分支结构
case 后面的值和switch(条件)
决定了到底走那个分支
注意： break
default 可以不写
三，循环结构
满足某一条件，就重复做某一件事
帮助我们做重复的任务
1. while 循环
while(循环条件){
循环体；
}
注意：while 循环需要控制好循环增量的变化
while 循环通常用于不知道循环次数的情况下
2.do...while循环
do{
循环体；
}while(循环条件);
不管满不满足条件，都会执行一次循环体中的代码
3.for 循环
for(循环增量初始化;循环条件;循环增量的变化){
循环体
}
4. 循环控制
break: 跳出本层循环
continue: 跳出本次循环
循环嵌套:
for (var i = 0; i < 3; i++) {
for (var j = 0; j < i + 1; j++) {
打印一个小块
};
};
四. 数组
能够保存多个(一组)数据的变量
var arr = Array();
var arr = [10,1];
遍历：
获取到数组中每一个元素
循环遍历(index 下标)
数组对象的方法
push(): 从尾部给数组添加元素
unshift(); 从头部给数组添加元素
shift(); 从头部删除元素
pop(); 从尾部删除元素
splice(起始位置，长度,添加的元素1，元素2...);
arr.concat(); 数组拼接
sort(fn): 数组排序，默认ASCII排序
reverse(): 数组倒序
键值对
var json1 = {a: 3, b: 5, c:"hello"};
json1.a
json1["a"]
遍历：
for(var key in json1){
key
json1[key];
}
五 .函数
具有一定功能的代码段
从结构分类
1. 无参数，无返回值
2. 有参数，无返回值
3. 无参数，有返回值
4. 有参数，有返回值
function fn1(num1,num2){
return num1 + num
从命名上分类：
1. 命名函数
2. 匿名函数
应用一： 事件绑定
应用二： 让一个变量保存函数
定时器
1. 单词定时器
var timer = setTimeout(fn,1000 函数，时间);
clearTimeout(timer);
2. 循环定时器
var timer = setInterval(fn,1000);
clearInterval(timer);
; 通过css获取多个
2.oDiv。style.backgroundColor = "";
注意： 给属性负值时， 是字符串
oInput.checked
3. className
可以通过js动态改变元素的class属性
4. this 这个
通常情况下我们用于循环事件绑定，this指代被绑定的对象
</script>
</body>
</html>
js基础笔记的更多相关文章
- 一份不错的vue.js基础笔记！！！！
第一章 Vue.js是什么? Vue(法语)同view(英语) Vue.js是一套构建用户界面(view)的MVVM双色球129期开奖结果 .Vue.js的核心库只关注视图层,并且非常容易学习,非常容易与其他库或已有的项 ...
- Vue.js基础 笔记
Vue.js的声明: < script src = “//unpkg.com/vue” ></ script > el:值可以是CSS选择符.HTML元素.或者是返 ...
- js 基础笔记三
词法结构: 1:区分大小写 2:特殊字符的区分,unicode转义 3:注释, // ; /* */ ; 4 : 标识字符和保留字 数据类型: 1原始类型 数字,字符串,布尔值.特殊的原始值(nu ...
- js学习笔记：webpack基础入门（一）
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- JS基础知识笔记
2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...
- 两万字Vue.js基础学习笔记
Vue.js学习笔记 目录 Vue.js学习笔记 ES6语法 1.不一样的变量声明:const和let 2.模板字符串 3.箭头函数(Arrow Functions) 4. 函数的参数默认值 5.Sp ...
- 【 js 基础 】【读书笔记】Javascript “继承”
是时候写一写 “继承”了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是 继承 其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承 描述了一种代码的组织结构形式.举个例子:“汽车”可 ...
- 两万字Vue.js基础学习笔记（二）
Vue.js学习笔记(二) 4.模块化开发 ES6模块化的导入和导出 我们使用export指令导出了模块对外提供的接口,下面我们就可以通过import命令来加载对应的这个模块了 首先,我们需要在HTM ...
- js读书笔记
js读书笔记 基本类型的基本函数总结 1. Boolean() 数据类型 转换为true的值 转换为false的值 Boolean true false String 任何非空字符串 "&q ...
随机推荐
- Qt属性表控件的使用 QtTreePropertyBrowser
属性表是vs2003时引入的的新控件,用于流量和设置大量的信息,现在,很多软件上都能看到它的身影,如vs,Qt Creator等IDE的详细设置里都离不开属性表. 下图是Qt Creator里的属性表 ...
- spark单机模式简单搭建
待安装列表hadoophivescalaspark一.环境变量配置:~/.bash_profilePATH=$PATH:$HOME/bin export PATH JAVA_HOME=/usr/loc ...
- CE_现金模组基本概念（概念）
2014-07-12 Created By BaoXinjian
- ERP_Oracle Erp R12.2的新技术特点（概念）
2014-09-09 Created By BaoXinjian
- PLSQL_Oracle Logon Trigger的建立
20150609 Created By BaoXinjian
- C++ operator 知识点 2
//blog.csdn.net/szlanny/article/details/4295854 operator它有两种用法,一种是operator overloading(操作符重载),一 ...
- JS的Data类型格式化(转)
// 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占 ...
- gridview转成EXCEL文件保存(多页)
CompositeLink complink = new CompositeLink(new PrintingSystem()); PrintableComponentLink link = new ...
- 使用PHP得到所有的HTTP请求头_还有应答头
1)如何获取 客户端请求的头部 参考网站: //www.neatstudio.com/show-377-1.shtml PHP中一般采用getallheaders来获取头部,但事实上,有些模 ...
- SelectedValue 失效
/// <summary> /// 绑定代表下拉选项 /// </summary> public void BindOwnerDataII(string unitId, str ...