JavaScript
文章平均质量分 80
yven_style
一个人有两块手表就永远不知道时间
展开
-
应用4-2 下拉列表框(jQuery权威指南源码)
描述:三个下拉列表框, 前个列表框会影响后一个列表中的值(类似 国家-省-市,不同的国家显示不同的省,不同的省显示不同的市)code: 列表框中事件应用 src="Jscript/jquery-1.4.2-vsdoc.js"> src="Jscript/jquery-1.4.2.js"原创 2018-01-08 09:32:59 · 232 阅读 · 0 评论 -
JQuery权威指南 第四章 事件与应用
1、事件冒泡解决:$(function() { var intI = 0; //记录执行次数 $("body,div,#btnShow").click(function(event) {//点击事件 intI++; //次数累加 $(".clsShow")原创 2018-01-05 19:48:02 · 163 阅读 · 0 评论 -
javascript原型链、闭包学习
https://www.cnblogs.com/TomXu/archive/2012/01/05/2305453.htmlhttps://www.cnblogs.com/wangfupeng1988/p/3977924.html解决闭包的方案:https://www.cnblogs.com/ZinCode/p/5551907.html转载 2018-01-15 11:58:26 · 183 阅读 · 0 评论 -
JQuery权威指南 第二章 选择器
1、 $("#tbStu tr:nth-child(even)").addClass("trOdd"); 为偶数行添加样式;2、jQuery选择器可以分为:基本选择器 $("div")层次选择器 $("div span").next() nextAll() siblings()过滤选择器 简单过滤 $("li:first") $("li:not(.N原创 2018-01-05 11:03:45 · 184 阅读 · 0 评论 -
JQuery权威指南 第三章 DOM操作
1、原创 2018-01-05 11:37:09 · 202 阅读 · 0 评论 -
JQuery权威指南 第一章
1、$( function(){} ) 和 window.onload 的区别: 执行时间: $( function(){} ) 是在页面框架下载完毕后就执行,而 window.onload 是在页面全部加载完毕(包含图片下载)后执行 实行数量: $( function(){} 可以有多个,window.onload 尽管可以执行多个,但仅输出最后一个执行结果,无法完成多个结原创 2018-01-05 09:59:36 · 165 阅读 · 0 评论 -
input设置
//只读,form可以获取数据//form表单不能获取数据原创 2017-08-28 08:56:50 · 383 阅读 · 0 评论 -
JavaScript_DOM编程艺术(第二版)第五章 最佳实践
1、广告弹窗和内容覆盖是一个典型的滥用JavaScript的例子(会让用户禁用JavaScript)2、document对象是window对象的一个属性3、DOM加载顺序(来自网页):DOM文档加载步骤: 1.解析HTML结构 2.加载外部的脚本和样式文件 3.解析并执行脚本代码 4.执行$(function(){})内对应代码 5.加载图片等二进制资源 6.页原创 2018-01-04 16:15:36 · 267 阅读 · 0 评论 -
JavaScript_DOM编程艺术(第二版)第四章
1、事件处理函数,在链接中添加onclick事件,需要return false,否则链接会被触发。Fireworks2、childNode属性可以用来获取任何一个元素的所有子元素var body_element = document.getElementsByTagName("body")[ 0 ].childNode3、nodeType属性 body_el原创 2018-01-04 14:48:34 · 360 阅读 · 0 评论 -
JavaScript_DOM编程艺术(第二版)第三章
1、DOM(document object model)2、对象包括:自定义对象,内建对象(Array、Math)、宿主对象(浏览器提供的对象)3、节点:元素节点、文本节点、属性节点4、元素获取: document.getElementById( id ) 返回一个对象 document.getElementsByTagName( tag ) 返回一个对原创 2018-01-04 13:54:47 · 229 阅读 · 0 评论 -
应用4-1 文本框内容检测(jQuery权威指南源码)
描述:DOM加载完毕,文本框获取焦点(trigger);失去焦点时会检测文本中的值,为空或者邮箱检测code: 文本框中的事件应用 src="Jscript/jquery-1.4.2-vsdoc.js"> src="Jscript/jquery-1.4.2.js">原创 2018-01-08 09:27:20 · 369 阅读 · 0 评论 -
应用4-3 导航菜单(jQuery权威指南源码)
描述:鼠标移动到左侧的主菜单,会显示对应的内容或者子菜单code: 列表中的导航菜单应用 <script type="text/javascript" src="Jscript/jquery-1.4.2-vsdoc.js"> <script type="text/javascript" src="Js原创 2018-01-08 09:47:24 · 271 阅读 · 0 评论 -
应用4-4 网页选项卡(jQuery权威指南源码)
描述:点击不同的选项卡,会显示不同的选显卡code: 网页选项卡应用 <script type="text/javascript" src="Jscript/jquery-1.4.2-vsdoc.js"> <script type="text/javascript" src="Jscript/jque原创 2018-01-08 09:58:12 · 204 阅读 · 0 评论 -
div中使用onkeydown键盘事件
一般使用键盘事件都是document和input,需要在一个div中使用时,需要在div中增加contenteditable="true"。原创 2018-05-05 18:37:48 · 6469 阅读 · 1 评论 -
使用ajaxfileupload实现文件上传,使用FileReader实现预览效果(图片)
ajaxfileupload 文件上传 FileReader 图片预览原创 2018-04-09 10:28:20 · 2008 阅读 · 0 评论 -
js 正则表达式
验证数字(包含小数):var regex = /^\d+(\.\d+)?$/;if(!regex.test(inputVal)){ alert("输入有误") return; }普通字符:"不能为中文、特殊字符且长度在1-30之间"var regex = /^\w{1,30}$/;邮箱验证:var regex =/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9...原创 2018-03-09 15:35:14 · 165 阅读 · 0 评论 -
select 标签
0、示例<select name="" id="cmDate"> <option value="2017">2017</option> <option value="2018" selected>2018</option> <option value=&quo原创 2018-03-09 14:31:35 · 177 阅读 · 0 评论 -
input输入框只允许输入数字
1、使用onkeyup 和正则匹配:输入数:<input name="number" type="text" id="r_number" class="input_shot m_r10" onkeyup='this.value=this.value.replace(/\D/gi,"")'/>2、设置input type="number"...原创 2018-02-08 09:05:17 · 2003 阅读 · 0 评论 -
自定义jQuery插件
1、在编写对象级别的插件时,使用jQuery.fn.extend()方法进行功能扩展;针对类级别的插件,使用jQuery.extend()方法进行扩展。2、(1)对象级别插件开发实例:/*------------------------------------------------------------/功能:设置列表中表项获取鼠标焦点时的背景色参数:li_col【可选】原创 2018-01-10 16:04:27 · 1209 阅读 · 0 评论 -
JQuery权威指南 第七章 jQuery常用插件
1、原创 2018-01-10 14:15:49 · 178 阅读 · 0 评论 -
JQuery权威指南 第六章 Ajax应用
1、$.ajaxSetup() 方法全局设置,在其他$.ajax() 请求前,先执行$.ajaxSetup() $(function() { $.ajaxSetup({ //设置全局性的Ajax选项 type: "GET", url: "UserInfo.xml",原创 2018-01-10 13:46:06 · 215 阅读 · 0 评论 -
JQuery权威指南 第五章 动画与特效
1、显示隐藏show()hide()toggle()2、滑动slideDown()slideUp()slideToggle()3、淡入淡出fadeIn()fadeOut()fadeTo(speed,opacity,[ callback ])4、自定义动画animate(params,[ duration ] ,[ easing ] ,[原创 2018-01-08 15:04:44 · 203 阅读 · 0 评论 -
应用4-5 删除按钮弹出对话框(jQuery权威指南源码)
描述:点击删除按钮,弹出对话框,如果被删除的项被选中,则删除code: 删除记录时的提示效果 <script type="text/javascript" src="Jscript/jquery-1.4.2-vsdoc.js"> <script type="text/javascript" src="原创 2018-01-08 10:31:46 · 263 阅读 · 0 评论 -
JavaScript_DOM编程艺术(第二版)第二章
1、最好的做法是讲标签放到HTML的文档最后,标签之前?2、JavaScript是解释型语言,Java和C是编译型语言。3、JavaScript几种重要类型:字符串、数值和布尔值。4、数组 var a = ['a',1]5、对象 var obj = {}6、比较操作符:一般情况: != 和== 严格比较: ===和!==7、函数 function fun(){原创 2018-01-04 11:35:06 · 187 阅读 · 0 评论 -
JavaScript_DOM编程艺术(第二版)第一章
1、Netscape和Sun联合ECMA(欧洲计算机制造商协会)对JavaScript余韵进行了标准化,于是出现了ECMAScript语言。2、DOM是一套对文档的内容进行抽象和概念化的方法,进行DOM操作过程主体(浏览器)已经对抽象的对象模型有了基本的共识。3、DHTML(Dynamic HTML)——(使用HTML标记,使用css设置样式,使用JavaScript操控)。4、W3C原创 2018-01-04 09:53:29 · 205 阅读 · 0 评论 -
$().each()遍历元素
$(document).ready(function(){ $("button").click(function(){ $("li").each(function(index,item){ alert(index+' '+$(this).text()+' '+item.innerHTML) }); });});输出每个列表项的值CoffeeM原创 2017-08-29 11:15:55 · 479 阅读 · 0 评论 -
js自定义插件注意
首先区别:简单理解(function($){...})(jQuery)用来定义一些需要预先定义好的函数$(function(){ })则是用来在DOM加载完成之后运行\执行那些预行定义好的函数.自定义插件可以用下面格式:;(function($) {//code})(jQuery);原创 2017-09-14 16:03:07 · 390 阅读 · 0 评论 -
arguments.callee使用
arguments.callee是一个指向正在执行的函数的指针function factorial(num){ if(num < 1) return 1; else return num * arguments.callee(num - 1);}递归函数原创 2017-09-06 18:18:51 · 192 阅读 · 0 评论 -
关于前端的一些禁止操作
禁止鼠标右键:oncontextmenu="return false";禁止选择:onselectstart="return false";禁止拖放:ondragstart="return false";禁止拷贝:oncopy=document.selection.empty() 。禁止复制:oncopy = "return false";禁止保存:,放在head里面。禁止转载 2017-09-14 14:12:24 · 866 阅读 · 0 评论 -
JavaScript总结记录2(学习JavaScript高级程序设计第三版)
学习JavaScript高级程序设计第三版原创 2017-09-06 09:06:52 · 265 阅读 · 0 评论 -
JavaScript总结记录(学习JavaScript高级程序设计第三版)
1、所有的元素都会按照他们在页面出现的顺序依次加载解析,也就是在解析完前面一个元素之后,才开始解析下一个元素;原创 2017-09-05 10:19:49 · 281 阅读 · 0 评论 -
js数组filter map forEach every some以及jquery的each 操作
filter:返回一个符合条件的数组[1,2,3,5,6,8,5,3,1].filter(function(value,index,arr){ return value > 3;})return:[5, 6, 8, 5]map:对每一项进行操作,返回全部的值[1,2,3].map(function(value, index, array) { // ...});原创 2017-09-13 10:33:29 · 558 阅读 · 0 评论 -
js arr数组排序
js数组排序:文字:var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(arr + "")document.write(arr.sort())转载 2017-09-05 08:49:10 · 537 阅读 · 0 评论 -
ajaxFileUpload文件上传
js:function ajaxFileUpload(){ //开始上传文件时显示一个图片,文件上传完成将图片隐藏 //$("#loading").ajaxStart(function(){$(this).show();}).ajaxComplete(function(){$(this).hide();}); //执行上传文件操作的函数 $.ajaxFile原创 2017-08-26 16:12:37 · 340 阅读 · 0 评论 -
js获取root名称
var path_root =window.document.location.pathname.substring(0,window.document.location.pathname.substr(1).indexOf('/')+1);//获取根路径原创 2017-09-04 15:29:00 · 1990 阅读 · 0 评论 -
setTimeout实现间歇调用
使用setTimeout实现setIntervalvar num = 0;var max = 10;function incrementNumber(){ num++; if(num < max){ alert(num); setTimeout(incrementNumber,1000); }else{ alert("done!"); }};原创 2017-09-07 14:36:51 · 500 阅读 · 0 评论 -
百度console招聘信息
try{ if(window.console&&window.console.log) { console.log("一张网页,要经历怎样的过程,才能抵达用户面前?\n一位新人,要经历怎样的成长,才能站在技术之巅?\n探寻这里的秘密;\n体验这里的挑战;\n成为这里的主人;\n加入百度,加入网页搜索,你,可以影响世界。\n"); consol原创 2017-09-07 15:00:58 · 2414 阅读 · 1 评论 -
dropzone上传批文件上传后台获取不到数据
1、后台获不到数据,原因是将uploadMultiple设置为true。默认为false,默认就可以了,原因未知uploadMultiple: false,//是否多文件上传,需要设置为false??原创 2017-09-04 09:33:56 · 2544 阅读 · 0 评论 -
jquery.nicescroll.min.js使用
这里是滚动条插件niceScroll的测试页面 这里是滚动条插件niceScroll的测试页面 这里是滚动条插件niceScroll的测试页面 这里是滚动条插件niceScroll的测试页面 这里是滚动条插件niceScroll的测试页面 这里是滚动条插件niceScroll的测原创 2017-11-14 17:48:37 · 1492 阅读 · 0 评论 -
Java、js中json和对象的相互转换
Java:使用 org.codehaus.jackson.map.ObjectMapper 实现bean和json之间的转化js:json转对象: var obj = JSON.parse('{"name":"sam","age":22}')对象转字符串: JSON.sttringify(obj)原创 2017-11-14 09:08:50 · 944 阅读 · 0 评论