js原生
Himalaya@hsf
雪的故乡,人生追求圣地!
展开
-
JS原生的基本语法1
变量var str = “hello word”;作用:在内存中开辟一个空间 这个空间的名称就是str 这个空间所保存的内容就是 hello world可以达到复用的目的;变量的定义: var 变量名 = 变量值;变量名的规范:数字/字母/下划线(_)/美元符号($)组成不可以以数字开头不可以使用关键字保留字作为变量名JS语法严格区分大小写var a = 1;var A = ...原创 2019-08-20 19:34:46 · 469 阅读 · 0 评论 -
js时间的格式化
function formatChineseDate(date) { // 获取年 var year = date.getFullYear(); // 获取月 var month = date.getMonth() + 1; // 获取日 var day = date.getDate(); // 获取时 var hours = da...原创 2019-08-28 21:30:52 · 151 阅读 · 0 评论 -
Dom节点(一)
节点对于HTML文档,当Dom进行划分解析的时候都是按照节点进行HTML文档的规划形成Dom树;节点的类型 nodeType节点类型属性nodeType返回值元素节点Node.ELEMENT_NODE(1)属性节点Node.ATTRIBUTE_NODE(2)文本节点Node.TEXT_NODE(3)CDATA节点Node.CDATA_SECT...原创 2019-08-29 12:00:06 · 131 阅读 · 0 评论 -
js同步和异步
<script> // 同步:指的是代码严格按照书写顺序执行。 // 至今为止,我们学习过的知识中,只有事件和setInterval、setTimeout不是同步 其它的代码 比如分支判断 循环语句都是同步 // for (var i = 0; i < 10; i++) { // console.log(i...原创 2019-08-29 16:34:46 · 188 阅读 · 0 评论 -
Dom选择器
根据id来获取元素 getElementById // 根据ID获取元素 // var box = document.getElementById("box"); // console.log(box); // 通过box元素 修改该元素的id // box.id = "a";根据元素标签来获取元素getElementByTagName...原创 2019-08-29 16:45:48 · 94 阅读 · 0 评论 -
Dom文档元素的属性基本操作
利用元素对象获取元素的属性值,如果元素没有此属性的话,就会返回undefined值对于修改class的值的时候,要避免不使用元素对象直接调用class,要用 // div.className = “abc”;对于元素的标签的style属性进行修改的时候,为什么style属性下面还可以调用好多属性的原因是: // 在使用style时,如果是读取,得到的是一个样式对象 该样式对象的属性名和属性...原创 2019-08-29 16:58:22 · 111 阅读 · 0 评论 -
JS中的事件(一)
复习补充内容window.onresize事件 它会在浏览器的窗口尺寸被改变时触发 它属于高频率事件window 对象 是BOM对象本体,就是BOM对象的顶级对象 location/history/navigator/document 这几个都是window对象的属性 都属于BOM的属性 其中 document是对文档的具体对象。单独叫做DOM对象。setInterval/setTi...原创 2019-08-31 17:31:55 · 110 阅读 · 0 评论 -
JS中的事件(二、事件的绑定方式)
事件绑定方式DOM0级绑定元素.on事件类型 = 事件函数只能够绑定一个事件 因为它是对属性进行赋值移除元素.on事件类型 = null我们都知道,一个对象的属性只能够保存一个值。 如果对一个对象属性进行多次赋值,后面赋值的属性会替换掉前面的属性// 给document绑定事件 // document.onclick = functio...原创 2019-08-31 17:46:36 · 182 阅读 · 0 评论 -
JS(视口距离的拖拽)
简单的拖拽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-08-31 17:51:13 · 551 阅读 · 0 评论 -
jsp正则表达式
正则表达式正则表达式是专门针对字符串而定义出来。它是一组规则 通过特定的字符来表示不同的字符串类型正则表达式的定义字面量定义 /正则表达式/修饰符/\d+/g构造函数定义 RegExp(正则表达式, 修饰符);new RegExp(“abc”, g)第一个参数是正则表达式的表达体第二个参数是正则表达式的修饰符 // 正则表达式是专门针对字符串而定义出来...原创 2019-09-03 21:47:12 · 3025 阅读 · 0 评论 -
Es6补充
ES6块级作用域ES6中的块级作用域 指的是 {} 之间可以生成作用域let关键字通过let定义的变量 遵循ES6的块级作用域规范块级作用域 if (true) { var a = 10; let b = 11; console.log(a); // 10 console.log(b); // 11 ...原创 2019-09-03 22:08:37 · 154 阅读 · 0 评论 -
jsp的面向对象基本详细讲解(原型链的讲解)
面向对象定义对于什么是面向对象呢?在js中对象就是将一组数据属性和函数进行封装的引用类型;在js中有两种数据类型:基本数据类型和引用类型,对象就是引用类型的一种,其实都是数据的封装;创建对象一、字面量:var obj = {};//其实对于{}之间的是代码块,就是一块区间,也就是一组数据的封装var obj = { name:"zhangshang", age:13,...原创 2019-09-07 16:28:42 · 639 阅读 · 0 评论 -
Dom对象(一)
什么是 HTML DOM?HTML DOM 是 HTML 的标准对象模型和编程接口。它定义了:作为对象的 HTML 元素所有 HTML 元素的属性访问所有 HTML 元素的方法所有 HTML 元素的事件换言之:HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。...原创 2019-08-28 17:47:44 · 135 阅读 · 0 评论 -
Bom的定时器与延时器
setIntervalsetInterval 设置一个定时器 当开启这个定时器之后,会每间隔一段时间 循环执行一次代码第一个参数是函数 第二个参数是间隔的时间数字 毫秒值为单位以下代码的执行效果是开始的时候将第一个函数参数 交给window 并让window开始计时,当时间到了1s之后,才开始执行函数参数;计时时长是第二个参数当第二个参数到了时间 window会将这个函数重新交给JS 此时...原创 2019-08-28 17:40:59 · 221 阅读 · 0 评论 -
JSP中的数据存储的方式(堆和栈)
什么是堆和栈呢?我们都知道:在计算机领域中,堆栈是两种数据结构,它们只能在一端(称为栈顶(top))对数据项进行插入和删除。堆:队列优先,先进先出;由操作系统自动分配释放 ,存放函数的参数值,局部变量的值等。其操作方式类似于数据结构中的栈。栈:先进后出;动态分配的空间 一般由程序员分配释放, 若程序员不释放,程序结束时可能由OS回收,分配方式倒是类似于链表。 以上都属于计算机基础部分,在此...原创 2019-08-26 09:22:50 · 504 阅读 · 0 评论 -
JSP中的简单算法
冒泡排序// 有一个数组 数组中都是数值 请从小到大排序 var arr = [10, 189, 999, 20, 14, 6, 88, 190, 54]; // => [6, 10, 14, 20, 54, 88, 190] // 思路: // 循环两两比较 如果第一个数比第二个数大 就换位置 否则不换 /...原创 2019-08-26 09:25:48 · 1016 阅读 · 0 评论 -
JSP中引用数据类型的不同
// JS中的数据类型一共就6种 // string boolean number undefined null object // typeof null => 'object' // typeof function() {} => 'function' // 请写一个函数判定一个变量保存的数据是什么类型? ...原创 2019-08-26 09:05:42 · 267 阅读 · 0 评论 -
JSP基本语法(2)函数
函数函数就是一个工具,可以将代码放在里面,随时执行,简单的说就是将可以实现某种功能的代码块封装起来!注:函数是一等公民函数的定义第一种定义方式: 函数声明function 函数名() { 要执行的代码 }第二种定义方式: 函数表达式var 变量 = function() { 要执行的代码}注: 第二种方式的本质 其实是定义了一个变量,并将这个函数的地址交给...原创 2019-08-22 20:14:12 · 3016 阅读 · 2 评论 -
JSP的引用数据类型(存取数据)
数组装载一组数据的容器数组的定义方式1 字面量语法: var arr = [];方式2 构造函数语法: var arr = new Array();传参规则: 当没有参数时, 定义的是一个空数组 当参数只有一个并且是数字时,该数字表示数组的长度 当参数有多个时,参数就是每一个成员方式3 构造函数语法: var arr = Ar...原创 2019-08-23 19:56:03 · 783 阅读 · 0 评论 -
JSP的基本逻辑题
day011 字符串转数字的方式有几种?3种1、number2、parseInt3、parseFloat2 数字转字符串的方式有几种?2种1、tostring2、用+号连接符3 +有两个含义,连字符和加法运算。请问什么情况下是连字符,什么情况下是加法运算?当都是数字的时候是加法运算符,当一个是数字一个是字符串就是连接符;4 JS中一共有多少种数据类型?分别是?各写出它们的一...原创 2019-08-22 20:27:58 · 421 阅读 · 0 评论 -
JS字符串的方法
JS中的常用事件什么叫做事件所谓的事件,是浏览器监听用户行为的一种机制。比如,当用户使用鼠标 “点击” 一个按钮,会触发该按钮的“点击”事件 如果此时我们想要执行代码 就可以通过JS脚本设置“点击”事件同样的,如果用户鼠标双击一个按钮,会触发该按钮的双击事件 类似的事件还有很多事件的分类鼠标事件 click 点击事件 dblclick 双击事件 moused...原创 2019-08-26 22:18:02 · 577 阅读 · 0 评论 -
js中Math常用的函数
Math对象JS中有许多的内置对象。其中,Math对象封装了许多常用的数学函数。Math.random该方法用于生成一个随机数0~1 包含0 不包含1 // 获取一个从0到9的随机整数数字 var r = Math.random(); var num = parseInt(Math.random() * 10);对于整个函数只是单纯的负责取整,而不是四色五入 ...原创 2019-08-27 19:50:04 · 5825 阅读 · 0 评论 -
js的时间Date函数
// JS中有很多内置对象 Math负责一些数学方面的函数等 // 还有一个对象 Date 它负责日期方面的内容 // 注意:以后 只要出现new关键字 它就是引用类型 // var date = new Date(); // 当直接通过new调用Date时 并且不传递参数时 得到的时当前的系统时间 // console.log(date); // ...原创 2019-08-27 20:00:42 · 228 阅读 · 0 评论 -
js的date对象的简单小例子
判断润年Date.prototype.isLeapYear = function(){ return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0))); }日期格式化YYYY/yyyy/YY/yy 表示年份MM/M 月份W/w 星期dd/DD/d/D 日期...原创 2019-08-27 21:06:08 · 205 阅读 · 0 评论 -
BOM对象(一)
Window对象BOM的核心对象是 window,它表示浏览器的一个实例。在浏览器中,window 对象有双重角色, **它既是通过 JavaScript访问浏览器窗口的一个接口,又是 ECMAScript规定的 Global 对象。**这意味着 在网页中定义的任何一个对象、变量和函数,都以 window 作为其 Global 对象,因此有权访问 parseInt()等方法。...原创 2019-08-28 10:40:45 · 212 阅读 · 0 评论 -
BOM对象(二)
Window 对象所有浏览器都支持 window 对象。它代表浏览器的窗口。所有全局 JavaScript 对象,函数和变量自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至(HTML DOM 的)document 对象也是 window 对象属性:window.document.getElementById("head...原创 2019-08-28 16:27:16 · 101 阅读 · 0 评论 -
cookie
cookie什么是cookie在实际的网页访问中对于http是一种无状态的链接,当第一次访问网站之后,下一次再访问网站的时候,网站还会把它当做陌生人一样,这样的话当我们每次请求的话都要重新登录,很繁琐;所以cookie就出来了,cookie实际就是保存一些信息,当我们向一个网站发起请求的时候,浏览器也会将cookie中的数据一并带去,当服务器会拿着cookie中的数据进行验证;cookie...原创 2019-09-17 10:33:14 · 127 阅读 · 0 评论