JavaScript
关注
分享
扫一扫
澄清石灰水t
博客都是作为自己的笔记，所以有的内容不是很严谨，当心有坑
展开
-
JavaScript JSON对象
一、JSON概述 JavaScript Object Notation Js对象表示法Js一般用于前端，但是后端的服务器语言，可能是java，c++，php等等。Js中的对象只有Js自己认识，其他语言不认识。前后端通信的时候，需要把对象转换成一个所有语言都认识的字符串（String），这字符串就是jasonexp： var obj={"name":"猴子","age":20,"gender":"男"}; 创建了一个obj对象，但这个对象只有Js认识。因此将对象转换为所有语言都认识的字符串...原创 2020-09-28 22:00:58 · 129 阅读 · 0 评论 -
JavaScript BOM 浏览器对象模型 window,navigator,screen,history,location,
浏览器对象模型（BrowserObjectModel (BOM)）1、概述BOM浏览器对象模型，BOM可以使我们通过JS来操作浏览器。BOM提供给我们操作浏览器的对象有Window（代表浏览器的窗口），最大的对象，其他BOM对象都是他的属性。BOM提供的其他操作浏览器的对象有Navigator(代表当前整个浏览器的信息)，Location（代表当前浏览器的地址栏信息），History（代表浏览器的历史记录）。所有BOM对象都是window对象的属性即全局对象，可通过window对象使用，..原创 2020-09-27 00:07:33 · 185 阅读 · 0 评论 -
JavaScript Element对象
查字典https://www.w3school.com.cn/jsref/dom_obj_all.asp学了jQuery后，绝对不想碰这些。1、Element对象 即元素节点就是HTML里面的元素标签。2、Element对象属性childNodes属性：获取当前节点的所有子节点说明：不管是元素节点，文本节点，只要是节点，都获取，包括Dom标签中的空格，也会被当做文本节点被获取children属性：获取当前元素的所有子元素 //这次是子元素（即标签），不是子节点了fir...原创 2020-09-22 23:49:39 · 422 阅读 · 0 评论 -
JavaScript String类 字符串
1、字符串简介字符串在底层是以字符数组的形式保存exp: var str = "Hello Js"; /*在底层，字符串储存方式为 ["H","e","l","l","o"," ","J","s",]*/所以可以用数组的索引访问字符串。*/console.log(str[1]); //输出 "e"2、String对象的属性https://www.runoob.com/jsref/jsref-obj-string.htmlconstructor: 属性值为 创建该对象...原创 2020-09-20 23:36:11 · 68 阅读 · 0 评论 -
JavaScript 包装类
一、背景Js基本数据类型：String Number Boolean Null Undefined引用数据类型：Object 基本数据类型简洁，但是功能不够强大，就是单纯的值，没有方法。因此Js提供3个包装类，把基本数据类型转换成对象，对象里面封装了很多操作基本数据类型的方法。二、包装类 String() 可将基本数据类型字符串转换为String对象exp: var str= new String("hello");Number() 可以将基本数据类型数字转换为 ...原创 2020-09-20 22:09:55 · 142 阅读 · 0 评论 -
JavaScript Math类 工具类
一、Math概述不创建对象存储数据的类，就是工具类。Math和其他对象不同，它不是一个构造函数创建的类，因此不用new Math（）创建对象，直接就可以使用。Math封装了很多数学公式，和数学方法。 用这些方法算出结果后，把值返回给一个变量。Math是一个工具类，不创建对象，内部不储存数据，属性全是解决问题的方法，而且声明为public，整个Js可见。二、Math的属性https://www.runoob.com/jsref/jsref-obj-date.html全是类似PI 的常量，.原创 2020-09-20 21:33:34 · 137 阅读 · 0 评论 -
JavaScript Date对象 时间戳
一、Date对象概述Js中，使用Date对象来表示一个时间。二、Date对象的创建1、通过Date构造函数创建 1.1 获取当前时间var d = new Date();console.log(d); //用标准格式输出现在的时间，Sun Sep 20 2020.....说明：如果构造函数不传递实参，会直接封装了当前代码执行的时间。1.2 获取指定时间语法：new Date(标准时间格式)；标准时间格式为 月/日/年 时:分:秒exp: var ...原创 2020-09-20 19:45:38 · 1341 阅读 · 0 评论 -
JavaScript 数组对象 回调函数
1、数组（Array）概述 数组也是一个对象，和普通对象功能类似，也是用来储存值。数组中的元素可以存放任意数据类型（包括对象和函数）,既然数组也是对象，所以，数组中可以继续嵌套数组（多维数组）和普通对象的差异：普通对象使用字符串作为属性名，数组使用数字类作为索引操作元素。（见下图）索引：从0开始的整数就是索引。2、创建数组对象2.1字面量创建数组 语法： [值1，值2，值3... ] //区别普通对象{属性名1：属性值1，属性名2：属性值2....}...原创 2020-09-20 00:17:37 · 894 阅读 · 0 评论 -
JavaScript 常用对象 console
对象是学不完的。我这里记录的是，我常用的方法。1、console对象Console 对象用于 JavaScript 调试。JavaScript 原生中默认是没有 Console 对象,这是宿主对象（也就是游览器）提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。常用方法：console.log(形参)；形参 说明 字符串 直接向控制台输出对应的字符串 对象 向控制台输出，对象.toString() 的返回值。可以通过重新定义对象的...原创 2020-09-19 19:25:12 · 218 阅读 · 0 评论 -
JavaScript 函数 隐形参数
一、函数的定义方式使用function关键字来定义函数（1）语法1：function 函数名(形参列表){ //可以无参函数体;【return 返回值;】 //JS中，如果函数有返回值，直接在函数体内return即可，不需要在定义的时候指明返回类型。}注意：js中，由于所有变量都是var，所有形参里面就直接给形参个数就行了，不用带var。exp：function fun(a,b){alert("有参函数被调用啦 a="+ a +",b="+b);}...原创 2020-09-01 21:25:40 · 966 阅读 · 0 评论 -
JavaScript基础 基本数据类型和引用数据类型
一、JavaScript数据类型 （typeof 可检查数据类型 语法： typeof 变量）1、数值类型（number）2、字符串类型 string3、布尔类型 boolean4、Null空值5、Undefined 未定义以上前五种是基本数据类型6、对象类型 object是引用数据类型 前面5种之外的数据类型，都是对象二、基本数据类型：基本数据类型的值直接储存在栈内存中，值与值之间独立存在，修改一个变量不会影响其他变量。exp：var...原创 2020-09-15 23:27:09 · 254 阅读 · 0 评论 -
JavaScript 对象object this 构造函数
对象的定义：1、定义方法（一）var 变量名 = new Object(); // 实例化一个空对象变量名.属性名=值; //给对象添加属性变量名.函数名=function(){} ; //给对象添加一个函数2、定义方法（二） 注意：属性名和值之间是冒号，值后面是逗号var 变量名 = { //大括号直接表示一个对象，里面为空则创建一个空对象属性名1:值, //给对象定义一个属性属性名2:值, /...原创 2020-09-01 22:10:04 · 567 阅读 · 1 评论 -
JavaScript 数据类型 类型转换 数组
一、JavaScript变量类型1、数值类型（number）int short float long byte等和数值有关的2、字符串类型 string3、对象类型 object4、布尔类型 boolean5、函数类型 function二、JavaScript 的特殊值（boolean中都为假）1、undefined 未定义，所有JS变量未赋初始值时，默认值都是undefined2、null 空值3、NAN （Not a number） 非数字...原创 2020-09-01 20:26:34 · 1859 阅读 · 0 评论 -
JavaScript jQuery 选择器
一、基本选择器☆选择器字符串 $("各种选择器"）; 返回的就是DOM对象的数组，即各种html标签元素的集合$("#id属性值"); id选择器，根据id查询标签对象$("标签名");标签名选择器，根据指定的标签名查询标签对象$(".class属性值");类型选择器 ，可以根据class属性查询标签对象$("*");选择所有元素。二、组合选择器$("选择器1,选择器2,选择器3");组合选择器，查找符合所有选择器的标签对象，并返回集合exp：$("div...原创 2020-09-07 00:21:16 · 224 阅读 · 0 评论 -
JavaScript jQuery 元素筛选方法
常用元素筛选方法 https://www.runoob.com/jquery/jquery-ref-traversing.html 当成字典看吧语法：标签名选择器.筛选方法 即 $("标签名").筛选方法;eq(N) 获取给定索引的元素，即获取第N个元素,从0开始 // 功能和eq() 一样exp:获取匹配的第二个p元素 $("p").eq(1);first() 获取第一个元素 // 功能和:first 一样last() 获取最后一个元素 ...原创 2020-09-08 21:29:16 · 279 阅读 · 0 评论 -
JavaScript jQuery 常用方法
一定记住：是jQuery的方法，其他地方不能用一、事件方法语法：$("选择器").事件();常见dom事件 :https://www.runoob.com/jquery/jquery-events.html二、css（）方法css()方法可设置和获取样式语法：$("选择器").css("属性名","属性值");To Be continued...原创 2020-09-07 00:20:48 · 84 阅读 · 0 评论 -
JavaScript jQuery库 概述
一、jQuery介绍jQuery 指 JavaScript 和 查询（Query），是辅助JS发开的JS类库。核心思想是，写的更少，做的更多，实现了很多浏览器的兼容问题。免费、开源、语法设计使得开发更加便捷，例如操作DOM对象，选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。二、jQuery导入1、从jQuery下载jQuery库，我在200906下载的版本是3.5.1，放入工程目录下任意文件2、<script type="text/javascript" src=“原创 2020-09-06 21:43:39 · 244 阅读 · 0 评论 -
JavaScript Document Object Model （DOM）文档对象模型 元素节点属性
一、DOM模型DOM全称是文档对象模型。就是把html\xml等文档的标签，属性，文本，转换成为对象来管理。1、Document对象Document代表整个文档。<html lang="zn_ch"><head> <title>My title</title></head><body><a href="http://www.baidu.com">My link</a><...原创 2020-09-03 21:59:59 · 336 阅读 · 1 评论 -
JavaScript Document对象
Document对象中的常用方法1、document.getElementById(elementId)通过标签的id属性查找标签的dom对象，elementId是标签的id属性值返回对拥有指定id（elementId）的第一个对象的引用2、document.getElementsByName(elementName)通过标签的name属性查找标签的dom对象，elementName是标签的name属性值3、document.getElementsByTagName(tagname)原创 2020-09-04 00:13:38 · 265 阅读 · 0 评论 -
JavaScript 变量作用域 延伸函数环境
1、全局变量Html页面加载完， JS的全局变量不会被销毁，因为用户随时可能点击一些带有函数的按钮，或者浏览器要调试某些功能。直到关闭浏览器，全局变量才会被销毁2、函数内部变量 调用函数时，才开始找内存 创建变量show函数 内部 定义的变量 let url。 url作用域就在函数内部，调用完成后函数会被销毁。第二次调用时会在另一片内存再次创建。show() //每次调用函数都会 在一块内存 上创建 url 变量show() // 新找一块内存，再创建url变量所...原创 2020-09-09 21:24:33 · 122 阅读 · 0 评论 -
JavaScript jQuery库 CSS样式操作 动画
一、常用样式https://jquery.cuishifeng.cn/ 查CSSaddClass() 添加样式removeClass（） 删除样式toggleClass（） 有就删除，没有就添加样式offset（） 获取和设置元素的坐标二、基本动画 https://jquery.cuishifeng.cn/ 查动画show() 将隐藏的元素显示hide() 将可见的元素隐藏toggle() 可见就隐藏，不可见就显示以上动...原创 2020-09-09 22:58:38 · 100 阅读 · 0 评论 -
JavaScript 事件（event）对象 和 事件冒泡 事件的传播
一、事件对象 event封装有触发的事件信息时，会创建一个JS对象，这就是事件对象事件对象获取方法：在给元素绑定事件时，在事件的function(event)参数列表中，添加一个参数，习惯性取名event。这个event就是JS传递参数处理函数的事件对象。exp1:原生JS获取事件对象document.getElementById("id值）.onclick= function(event){console.log(event);} //将event对象传入函数作为参数，exp2： ..原创 2020-09-09 23:46:01 · 540 阅读 · 0 评论 -
JAVAWEB JavaScript 简介
JavaScript主要包含：ECMAScript:指规范DOM：文档对象模型 js用dom操作网页BOM: 浏览器对象模型 js用bom操作浏览器JS特点：1、解释型语言（不用编译，直接运行）2、动态语言（变量很随意）3、面向对象...原创 2020-09-10 21:59:35 · 163 阅读 · 1 评论 -
JavaScript 基本语法 注释 字面量(常量) 变量 标识符
一、注释 不被浏览器执行的语句/**/多行注释//单行注释二、语法特点1、大小写敏感2、每条代码写完后，分号结尾 备注：不写分号也没事，浏览器会自动加分号，但是会消耗一些资源。遇到复合语句，浏览器可能会加错分号，导致程序出错，所以一定要有写分号的习惯。3、自动忽略多个空格 和 换行 所以，可以永拓换行和空格 调整代码队形，使代码更美观四、字面量和变量4.1 概念字面量：不可改变的量，比如 1、2、3、4、5。 字面量可以直接使用。比如alert(1234...原创 2020-09-11 00:08:36 · 452 阅读 · 0 评论 -
JavaScript 运算符（操作符） 算数运算符 自增运算符 逻辑运算符 条件运算符 关系运算符 运算符的优先级
一、概述：运算符也叫操作符，通过运算符可以对一个或多个值进行运算，并获取运算结果。二、一元运算符只有一个操作数 的运算符，就是一元运算符。 注意： 1+1 有两个操作数，所以+是二元运算符。2.1 typeof 一元运算符typeof 就是一元运算符，用字符串形式 返回 值的类型。（即返回值的类型是字符串，返回值是操作对象的类型）typeof 123; 返回 Numbertypeof "ddd"; 返回 String2.2 +、- 一元运算符 注意：+ -...原创 2020-09-12 23:23:51 · 516 阅读 · 0 评论 -
JavaScript 代码块 流程控制（IF）break 和 continue label
一、代码块 程序是由一条一条语句构成。语句按照从上往下的顺序一条一条来执行。 在JS中可以使用{}来为语句进行分组，同一个{}中的语句是一组语句，要么都执行，要么都不执行。{}中的一组语句也称为一个代码块。特别注意：Js中的代码块，只有分组作用，没其他用途（比如隔离），代码块中的内容，在外部是完成可见的。exp:代码块1{ var a=10; //代码块1中的语句1 声明一个变量a 赋值10 ale...原创 2020-09-13 21:20:36 · 732 阅读 · 0 评论