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 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);
eval(string);
string 一定是可以执行的Js代码
六. 系统对象
1. string对象
var maStr = new String( hello );
var str = hello
str.length; 字符串长度
str.charAt(下标); 查询下标出的字符
str.searth( e ); 查询字符所在的下标,返回第一次出现的位置,如果找不到返回-1
str.concat();
数组拼接,也可以用于字符串
str.indexOf();
类似于search,可用于数组
str.lastIndexOf();
从后向前检索,返回首次出现的下标
str.split( );
通过所给的字符分割字符串,分割后生成一个数组
join(): 数组方法,把数组中的元素,用所给字符链接起来
str.substr(下标位置,范围);
取子字符串
str.substring(开始位置,结束位置):
str.slice(开始位置,结束位置);数组方法
str.replace(string1,string2);
字符串替换 把string1 替换成 string2
a.toSting(); 类型转化;
Date对象
// 年份获取
var year = now.getFullYear();
// alert(year);
// 月份获取
// 0-11
var month = now.getMonth() + 1;
// alert(month);
// 天
var day = now.getDate();
// alert(day);
// 星期
var weekday = now.getDay();
// alert(weekday);
// 小时
// 24小时
var hour = now.getHours();
// alert(hour);
// 分钟
var mins = now.getMinutes();
// alert(mins);
// 秒
var second = now.getSeconds();
// alert(second);
// 毫秒
var millSecond = now.getMilliseconds();
// alert(millSecond);
// 从1970年1月1日到现在的毫秒数
// 时间戳
var time = now.getTime();
alert(time);
// 获取到指定时间
var future = new Date(1949,9,1,8,30,60);
alert(future);
七.DOM:
1. 获取元素
document.getElementById(); 通过Id获取
document.getElementsByTagName(); 通过标签名获取
document.querySelector(); 通过css获取一个
document.querySelectorAll(); 通过css获取多个
2.oDiv。style.backgroundColor =
注意: 给属性负值时, 是字符串
oInput.checked
3. className
可以通过js动态改变元素的class属性
4. this 这个
通常情况下我们用于循环事件绑定,this指代被绑定的对象
/script
/body
/html
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/17362.html
c相关文章
- js书写原生ajax,JS 原生ajax写法
- 前端js面试题(基础)「建议收藏」
- 初识js中的闭包_Js闭包中变量理解
- Node.js基础常用知识点全总结
- 一道80%的前端开发都答不上来的js异步面试题
- 谈笑间JS运算符便了然于胸
- Vue.js – 引入外部 JS 文件
- JS设置定时器_js设置定时器
- JS逆向加密解密工具Crypto Magician、乐易助手、WT-JS 下载使用
- 双向链表[js实现] 【5】
- JS数组常用方法大全
- 【愚公系列】2023年03月 其他-Web前端基础面试题(JS_高级_47道)
- 原生 JS 实现 HTML 转 Markdown,以及其实现逻辑(html2md.js 或 html2markdown.js)
- JS基础第一课
- JS基础(四)
- JS操作COOKIE详解编程语言
- Node.js和Redis:构建高性能服务器(noderedis)
- 使用JS实现Redis数据读取(js读取redis)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- 用JS写的简单的计算器实现代码
- CSS和JS标签style属性对照表(方便js开发的朋友)
- js移除事件js绑定事件实例应用
- js延迟加载改变JS的位置加快网页加载速度
- js变换显示图片的实例
- JS获取图片实际宽高及根据图片大小进行自适应
- JS.GetAllChild(element,deep,condition)使用介绍
- JS小功能(setInterval实现图片效果显示时间)实例代码
- js获取当前地址JS获取当前URL的示例代码
- 用js设置下拉框为只读的小技巧
- js调试系列初识控制台
- js对象基础实例分析