
js
文章平均质量分 63
WJN17214
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js循环给li绑定事件实现 点击li弹出其索引值 和内容
html代码 香蕉 苹果 菠萝 猕猴桃 芒果 方法一: var itemli = document.getElementsByTagName("li"); for(var i = 0; i itemli[i].index = i; //给每个li定义一个属性索引值,赋转载 2017-02-14 16:40:10 · 3944 阅读 · 0 评论 -
字符串转数组
字符串变成数组 就是把一个个的字符全部筛选出来1 正则表达式var string=“abcdedef”var obj="string".replace(/(.)(?=[^$])/g,"$1,").split(","); //字符串转化为数组2 splitvar obj2 = string.split("");转载 2017-07-15 11:19:27 · 652 阅读 · 0 评论 -
js 动态添加多个class
setAttribute('class', 'abc') .ddddd { background: black; } .abc { background: red; } test div var div = document.getElementById('d1'); // div.setAttribute("class", "ab转载 2017-08-16 13:50:04 · 4579 阅读 · 0 评论 -
file 图片上传
营业执照上传 do原创 2017-08-23 14:54:22 · 383 阅读 · 0 评论 -
js 全选,取消全选,反选
function selectAll(){ var checklist = document.getElementsByName("selected"); if(document.getElementById("controlAll").checked) { for(var i=0;i { checklist[i].checked = 1;原创 2017-09-04 10:45:59 · 367 阅读 · 0 评论 -
选择select框下option的值
Document --请选择-- this is content zero; this is content one; this is content two; this is content three;原创 2017-09-04 11:17:13 · 658 阅读 · 0 评论 -
seriailzeArray() form表单序列化
Document (function($){ $.fn.serializeJson=function(){ var serializeObj={}; $(this.serializeArray()).each(function(){ serializeObj[this.na转载 2017-08-28 13:10:24 · 430 阅读 · 0 评论 -
Jquery 点击图片在弹出层显示大图
Document $(function(){ $(".pimg").click(function(){ var _this = $(this);//将转载 2017-07-11 13:33:48 · 1194 阅读 · 0 评论 -
事件冒泡
在dom中事件是冒泡的形式到document对象上的,而srcElement一直指向的是当时发生事件的元素,只要一直选择这个元素的父亲元素,就可以匹配到你想要的元素了Document click me (#test1) click me (#test2)转载 2017-08-11 11:30:04 · 261 阅读 · 0 评论 -
html之file标签 --- 图片上传前预览 -- FileReader
Document 图片上传前预览: //转载 2017-09-06 10:44:51 · 328 阅读 · 0 评论 -
图片下载功能
Document 点此下载 //图片转成base64位字符串数据 // var imgData = "data:image/png;base64,........."; //或直接设置图片链接: var imgDat转载 2017-09-06 10:46:15 · 427 阅读 · 0 评论 -
FileReader除了有函数readAsDataURL,另外还有另外两个函数readAsBinaryString 和 readAsText,分别可以将选择的文件读取成二进制和文本格式
Document //判断浏览器是否支持FileReader接口 if (typeof FileReader == 'undefined') { document.getElementById("xmTanContentDiv").InnerHTML = "当前浏览器不支持FileRead转载 2017-09-06 10:48:56 · 3084 阅读 · 0 评论 -
无缝滚动效果
无缝滚动效果*{margin:0px;padding:0px;}.clear{clear:both;}#div1{width:880px;height:140px;margin:100px auto;position:relative;overflow: hidden;}#div1 ul{position:absolute;top:0;left:0px;border:1px s原创 2017-08-29 17:31:12 · 432 阅读 · 0 评论 -
移除input 中选中的样式
jquery type=radio 更改属性checked 选中 移除 选1. $("#id").attr("checked","checked"); $("#id").removeAttr("checked"); 注: $('input:radio').prop("checked",''); // 移除input type='radio' 选转载 2017-08-30 17:55:02 · 1790 阅读 · 0 评论 -
js 获取行间样式
获取行间样式 #div1{width:200px;height:200px;background:red;margin:20px;} function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; }else{原创 2017-08-31 18:41:36 · 520 阅读 · 0 评论 -
html-javascript前端页面刷新重载的方法汇总
一、javascript页面刷新重载的方法: href="javascript:location.reload();">点击重新载入页面 href="javascript:history.go(0);">点击重新载入页面 href="javascript:location=location;">点击重新载入页面 href="javascript:location=location.hre转载 2017-10-17 17:18:38 · 928 阅读 · 0 评论 -
数字动画效果
animation #container .flip1{ /*background: black;*/ /*min-width: 600px;*/ /*height:100px;*/ /*border:1px solid red;*/ /*float:left;*/ width:49%; /*margin:0 1原创 2017-06-12 14:40:56 · 486 阅读 · 0 评论 -
浏览器的跨域问题以及解决方案
1、为什么会有跨域问题的存在? JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象,即同源政策。2、什么是同源? 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。 最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页"同源"。所谓"同源"指的是"三个相同"。转载 2017-07-03 12:54:05 · 367 阅读 · 0 评论 -
浏览器内核
若页面需默认用极速核,增加标签: 若页面需默认用ie兼容内核,增加标签: 若页面需默认用ie标准内核,增加标签:链接:https://www.zhihu.com/question/20446741/answer/26905943浏览器版本过低提醒! function judgeIE8(){ var ua = navigator.userA转载 2017-02-14 17:34:04 · 334 阅读 · 0 评论 -
echarts如何给柱形图的每个柱子设置不同颜色
var option = { xAxis: { data: ["苹果","小米","华为","其他"] }, yAxis: { splitLine:{ show:false} //改设置不显示坐标区域内的y轴分割线 }, series: [{ name: '手机品牌', t转载 2017-02-23 10:49:47 · 1206 阅读 · 0 评论 -
js中创建对象的几种方式示例介绍
JavaScript中的所有事物都是对象:字符串、数组、数值、函数等。JS中并没有类的概念, 但我们可以利用JS的语法特征,以类的思想来创建对象。 原始方法 复制代码代码如下: var obj = new Object(); obj.name = "Koji"; //为对象添加属性 obj.age = 21; obj.show转载 2017-03-11 12:12:30 · 422 阅读 · 0 评论 -
双时间控件网址
http://www.daterangepicker.com/原创 2017-03-28 15:30:18 · 436 阅读 · 0 评论 -
jS进度条
Document *{ margin: 0; padding: 0; } .scroll{ margin:100px; width: 500px; height: 20px; background: #263965; position: relative;转载 2017-03-14 13:29:55 · 523 阅读 · 0 评论 -
js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全转载 2017-04-12 16:00:21 · 2135 阅读 · 0 评论 -
两种方法实现点击图片调用上传功能
//第一种方法html+css 方式: .fileInputContainer{ height:256px; background:url('upfile.png'); position:relative; width: 256px; } .fileInput{ heigh转载 2017-04-18 16:21:59 · 11776 阅读 · 0 评论 -
命令行安装vue.js
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,回车,等待安装...3.安装全局vue-c转载 2017-04-06 10:47:44 · 2207 阅读 · 0 评论 -
按照回车换行符给文本添加div标签
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Testing 格式化 function getArray(){ var aa = document.getElementById("txtArea").value.split("\n"); var html = "";原创 2017-05-23 14:26:00 · 1064 阅读 · 0 评论 -
Javascript闭包——懂不懂由你,反正我是懂了
作者: FrankFang 来源: 博客园 发布时间: 2011-11-16 22:08 阅读: 190112 次 推荐: 68 原文链接 [收藏] 摘要:“如果你不能向一个六岁的孩子解释清楚,那么其实你自己根本就没弄懂。”好吧,我试着向一个27岁的朋友就是JS闭包(JavaScript closure)却彻底失败了。 越来越觉得国内没有教书育人转载 2017-04-25 18:17:38 · 380 阅读 · 0 评论 -
js 闭包之我理解
闭包是一个比较抽象的概念,尤其是对js新手来说.书上的解释实在是比较晦涩,对我来说也是一样. 但是他也是js能力提升中无法绕过的一环,几乎每次面试必问的问题,因为在回答的时候.你的答案的深度,对术语的理解以及js内部解释器的运作方式的描述,都是可以看出你js实际水平的.即使你没答对,也能让考官对你的水平有个评估.那么我先来说说我对js中的闭包的理解. 闭包是很多语言都具备的特性转载 2017-04-26 14:01:26 · 300 阅读 · 0 评论 -
HTML遮罩层,背景半透明,只显示中间部分
HTML遮罩层,背景半透明,只显示中间部分#msgDiv { z-index:10001; width:500px; height:400px; background:white; border:#336699 1px solid; position:absolute; left:50%; top:20%;转载 2017-05-18 17:31:48 · 8247 阅读 · 0 评论 -
字符串数字拆分
Document function cuter( str ){ var len = str.length; var lastIndex; var arr = []; while( len > 0 ){原创 2017-06-02 15:40:04 · 783 阅读 · 0 评论 -
Token和session
1、Token的引入:Token是在客户端频繁向服务端请求数据,服务端频繁的去数据库查询用户名和密码并进行对比,判断用户名和密码正确与否,并作出相应提示,在这样的背景下,Token便应运而生。2、Token的定义:Token是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这个Token前来请求数据即转载 2017-06-30 17:01:14 · 367 阅读 · 0 评论 -
js断点调试
1.断点调试是啥?难不难?断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了。操作起来似乎很简单,其实很多人纠结的是,是在哪里打断点?(我们先看一个断点截图,以chrome浏览器的断点为例)步骤记住没?用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开转载 2017-11-22 11:15:39 · 501 阅读 · 0 评论