![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
MoonLight_dR
不忘初心、继续前行
展开
-
JS实现跳转到指定的div
JS实现跳转到指定的div:portf.onclick=function(){ window.location.hash = "#porft-me";}点击porft按钮即可自动跳转至指定的div。注意:在js函数中双引号必须是id值,不可以是class的值,因为id是唯一的而class不是。原创 2018-01-30 20:28:34 · 4843 阅读 · 0 评论 -
DOM节点操作
操作DOM节点常用添加节点:appendChild();移除节点:removeChild();复制节点:cloneNode();创建节点:createElement();查找节点:getElementById()--根据元素id查找元素; getElementByName()--根据元素name查找元素; getElementByTagN...原创 2018-03-06 14:58:04 · 174 阅读 · 0 评论 -
js函数
js函数一、自定义函数1.通过function关键字 function 函数名称([参数]){ 代码段; return 返回值;} 注意:函数名称不要包含特殊字符; 函数名称最好含义明确; 函数名称最好遵循驼峰标记法或者下划线法; 函数名称严格区分大小写; 函数名称如果重复会产生覆盖; ...原创 2018-03-18 18:46:19 · 304 阅读 · 0 评论 -
AJAX跨域
引起跨域请求的原因:1.浏览器限制;2.跨域3.xhr请求:用jsonp解决同时满足可能会引起跨域安全问题。解决思路:浏览器:设置参数,解除浏览器验证;xhr:使用jsonp解决跨域跨域:被调用方:支持跨域; 调用方:隐藏跨域;...原创 2018-03-12 17:16:56 · 171 阅读 · 0 评论 -
常见的页面布局
常见的页面布局一、三栏布局1.三列布局,中间宽度自适应,两边定宽;2.中间栏要在浏览器端优先渲染;3.允许任意列的高度最高;4.要求只用一个额外的DIV标签;5.要求用最简单的css;二、多栏布局1.栅栏格系统:利用浮动实现的多栏布局,在bootstrap中用的非常多;2.多列布局:并没有实现真正实现分栏效果,css3为了满足这个要求,增加了多列布局;三、弹性布局css3新引入的一种布局,即伸缩布...原创 2018-03-12 16:55:08 · 676 阅读 · 0 评论 -
js表达式与运算符
js表达式与运算符1.表达式 表达式是用于javascript脚本运行时进行计算的式子,可以包含常量、变量、运算符;2.运算符 算术运算符 +-*/% ++ -- 注意:数值型支持自增自减运算符、布尔类型支持自增自减运算符、字符串不支持、null支持自增自减、undefined不支持 字符连接符 +号用来连接两个字符串; 只要+连接操作数中有一个是字符串型,js就...原创 2018-03-18 13:43:52 · 822 阅读 · 0 评论 -
HTTP状态码
HTTP状态码:HTTP响应中包含一个状态码,用来表示服务器对客户端响应的结果:通常由三个数字组成,可以分为五大类:1xx:临时响应,成功接受请求,要求客户端继续提交下一步请求才能完成整个处理过程;2xx:请求已被服务器接收、理解、并接受;3xx:未完成请求,客户端需进一步完成操作才能完成请求,通常,这些状态码是用来重定向的;4xx:客户端的请求有错误;5xx:服务器端出现错误;常见状态码:1xx...原创 2018-03-12 10:34:09 · 1287 阅读 · 0 评论 -
js学习笔记-数值类型转换
JS学习笔记1.隐式转换--转换成布尔类型 undefined->false; unll->false; 数值型0或0.0或nan->false; 字符串长度为0->false;2.隐式转换--转换成数值型 undefined->NaN; null->0; true->1; flase->0; 内容为数字->数字,否则转换成N...原创 2018-03-17 13:51:25 · 339 阅读 · 0 评论 -
Promise对象
Promise对象:一种异步编程模式其基本模式:1)将异步过程转换为promise对象;2)对象有三种状态:3)通过.then注册状态的回调;4).已完成的状态能触发回调;Promise对象状态:Promise对象状态只有三种状态:1)异步操作“未完成”(pending)2)异步操作“已完成”(resolved,又称fulfilled)3)异步操作“失败”(rejected)这三种的状态的变化途径...原创 2018-02-20 12:13:55 · 162 阅读 · 0 评论 -
setTimeout与setInterval
setTimeout与setInterval:1.使用规则 setTimeout(表达式,延时时间); setInterval(表达式,交互时间);2.区别 setTimeout: setTimeout在执行时,是在载入后的延迟指定时间去执行一次表达式; 次数:1次; setInterval setInterval在载入后,每隔指定的时间就执行一次表达式; 次数:多...原创 2018-03-08 14:52:55 · 198 阅读 · 0 评论 -
区别cookie、sessionStorage、loaclStorage
区别cookie、sessionStorage、loaclStorage总述: cookie、sessionStorage、loacalStroge这三者均可以用来在浏览器端存储数据,而且都是字符串类型的键值对,区别在于前者是webstroge存储,创建的目的是存储客户端数据,而cookie早在网景公司的浏览器中就开始支持,最初的目的是伪类保持HTTP的状态。区别:1.大小: cookie的...原创 2018-03-06 21:35:11 · 3122 阅读 · 0 评论 -
JS中的数组排序函数-sort()与revsrse()
JS中的数组排序函数:sort()与reverse()一:sort()函数排序常见的排序有冒泡排序,而js中直接使用函数sort即可:具体原理及解释如下:var array = [1, 12, 21, 2];array.sort(function(a,b){ return b-a;}); array = [21, 12, 2, 1];理解:1. 对于function(原创 2018-01-26 10:25:47 · 799 阅读 · 0 评论 -
JS中的数组遍历函数
JS的数组迭代函数:1-map():则是对原数组的加工,映射成一一映射的新数组:var oldArray = [1,2,3,4,5];var newArray = oldArray.map(function(val){ return val+3;}); 经过map()函数处理后,原数组中的每个值都加3,然后存在一个新数组中。此函数可以遍历oldArray数原创 2018-01-25 21:19:43 · 791 阅读 · 0 评论 -
JS中的split()函数
split()函数: split(“”)与split(” “)的区别: split(” “): 函数展示: 使用split(” “)后的字符串的结果: 可以看作是将一句话分成了一个单词,分隔符是空格。 split(“”) 函数展示: 使用split(“”)的结果: 可以看作将单词分成了单个的字符》在原创 2018-01-25 10:44:32 · 7471 阅读 · 0 评论 -
js中的数组
js中的数组1.定义 数组是值得有序集合;2.创建数组 字面量形式: 空数组:var arr=[]; 带有元素得数组:var arr={1,2,3,4,]; 数组值可以是任意类型:var arr=[1,2.3,'king',[1,2,3],{name:'king'},]; 省略数组中得某个值,默认值为undefined:var arr=[1,,3]; Array()创建数组: 调用时没有参数:...原创 2018-03-19 21:35:03 · 231 阅读 · 0 评论