原生js
文章平均质量分 57
Lofty_ambition
兴趣是做好一件事的前提,对于自己喜欢的坚持下去。不断的模仿,大胆的创新,积极的态度。
展开
-
JavaScript中getBoundingClientRect()方法详解
getBoundingClientRect() 这个方法返回一个矩形对象,包含四个属性:left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box=document.getElementById('box'); // 获取元素alert(box.getBoundingClientRect().top);转载 2017-05-20 14:52:24 · 334 阅读 · 0 评论 -
input file图片上传并回显
// 图片上传借助于html5的文件读取实现<!DOCTYPE html><meta charset="utf-8"/><script src="jquery.js"><input type="file"multiple id="inputs"/>//multiple(多文件上传)转载 2017-11-21 23:59:35 · 8008 阅读 · 0 评论 -
后台返回的map转成json的形式
// 在前后端交互中,后台可能由于某种原因,会返回map类型的数据,因此,前端的开发中,需要解析成标准的JSON的格式来使用; //字符串和数组的方法实现var obj = '{name=zhangsan,age = 16, job =IT}';function formatJSON(str){var newObj={};str= str.substring(1,str原创 2017-09-30 11:20:08 · 5117 阅读 · 0 评论 -
针对后台返回Object 对象数据的操作
// 需求,后台返回数据,要求根据对应的id的值显示,对应的name属性的值;用到知识: 对象的访问, 数组的遍历操作var ary = [{"id":1,"name":"李铭","age":12,"job":"IT" },{"id":1,"name":"张三","age":12,"job":"IT" },{"id":1,"name":"王勤","age":原创 2017-09-29 09:43:13 · 5248 阅读 · 0 评论 -
ajax请求成功之后控制页面刷新一次
方案一:functionrefresh(){window.location.reload();setTimeout(refresh ,5000);}方案二:setInterval(function(){window.location.reload();},5000)转载 2017-09-13 19:43:32 · 8001 阅读 · 0 评论 -
JavaScript cache
1.在jsp中加入头 "Pragma" CONTENT="no-cache"> "Cache-Control" CONTENT="no-cache"> "Expires" CONTENT="0">或者加入 "pragma" content="no-cache" /> "content-type" content="no-cache, must-revalidate" /转载 2017-09-13 16:04:22 · 1386 阅读 · 0 评论 -
javascript 中的location地址信息
location.pathname:返回URL的域名(域名IP)后的部分。例如 http://www.joymood.cn/wordpress/返回/wordpress/,又或则 http://127.0.0.1/index.html 返回/index.html,注意是带url的域名或域名IP,在磁盘上随便建个Html文件进行location.pathname测试,如浏览器上的路径是:C:转载 2017-06-12 16:07:36 · 330 阅读 · 0 评论 -
数组方法reduce
reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始合并,最终为一个值。参数callback执行数组中每个值的函数,包含四个参数previousValue上一次调用回调返回的值,或者是提供的初始值(initialValue)currentValue数组中当前被处理的元素index当前元素在数组中的索引array调用 reduce转载 2017-06-10 22:10:37 · 1788 阅读 · 0 评论 -
js排序
冒泡排序:最简单,也最慢,貌似长度小于7最优插入排序: 比冒泡快,比快速排序和希尔排序慢,较小数据有优势快速排序:这是一个非常快的排序方式,V8的sort方法就使用快速排序和插入排序的结合希尔排序:在非chrome下数组长度小于1000,希尔排序比快速更快系统方法:在forfox下系统的这个方法非常快// ---------- 一些排序算法// js 利用sort进行排序sys转载 2017-07-11 15:03:09 · 196 阅读 · 0 评论 -
js中检测数据类型
html>html lang="en">head> meta charset="UTF-8"> title>title> script src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js">script>head>body>script> var num=12; var str =原创 2017-06-09 13:15:30 · 344 阅读 · 0 评论 -
在Apache下开启SSI配置
在Apache下开启SSI配置开启SSI:html、shtml页面include网页文件 使用SSI(Server Side Include)的html文件扩展名,SSI(Server Side Include),通常称为"服务器端嵌入"或者叫"服务器端包含",是一种类似于ASP的基于服务器的网页制作技术。默认扩展名是 .stm、.shtm 和 .shtml。 环境:A转载 2017-06-15 22:10:42 · 925 阅读 · 0 评论 -
IE下的hack
对于前端开发来说IE一直是心里的痛,不管你觉得做的多好的网页,放到它上面总会有一些意想不到的问题发生,所以你不得不针对IE单独做些手脚,你就有必要知道一些IE浏览器下的hack写法。比较常用的几个hack(目前大多公司都只要求兼容到IE8,稍微变态点的也就是IE7下没大的错位就行了,下面hack足以):\9 像如:width:6.5em;width:8em\9;在ie7-ie10宽转载 2017-12-07 17:12:34 · 337 阅读 · 0 评论