JavaScript
执着更专业
坚持到底永不放弃
展开
-
JavaScript设计模式基础-----封装、继承、多态
// 函数的基本形式function checkName() { "use strict";}function checkEmail() { "use strict";}function checkPassword() { "use strict";}// 函数的另一种形式var checkName = function () { "use原创 2017-09-26 15:58:41 · 477 阅读 · 0 评论 -
jquery on事件jquery on实现绑定多个事件
on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。 在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。 帮助从旧的jQuery事件方法转换,see .bind(), .delegate(), 和 .live(). 要删除的.on()绑翻译 2016-11-16 14:23:55 · 21037 阅读 · 0 评论 -
用PHP如何实现冒泡排序
1、首先我们必须弄清楚什么是冒泡排序,不理解冒泡排序的原理,我们就无法写出代码。 冒泡排序(BubbleSort)的基本概念是:依次比较相邻的两个数,将小数放在前面,大数放在后面。即在第一趟:首先比较第1个和第2个数,将小数放前,大数放后。然后比较第2个数和第3个数,将小数放前,大数放后,如此继续,直至比较最后两个数,将小数放前,大数放后。至此第一趟结束,将最大的数放到了最后。在第二趟:仍从第一对转载 2016-11-11 18:15:16 · 6735 阅读 · 0 评论 -
jquery单选框radio绑定click事件实现方法
<html><head><title>单选框radio绑定click事件</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><script type="text/javascript" src="jquery-1.8.2.min.js"></script><script type="text转载 2016-11-10 17:31:32 · 11046 阅读 · 0 评论 -
jQuery中$.click()无效问题分析
今天做表格前台导出到xls时,想自动触发a的点击。但失败。最后找到这个文件。 我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久。前段时间的一次发呆,冒出了新的想法,于是就动手进行了测试。 先看下边的代码:<html><head>磨途歌-A标签测试1<head><body> <a href="http://blog.mo2g.com">磨途歌<a></b转载 2016-11-10 17:30:10 · 651 阅读 · 0 评论 -
使用jQuery的attr方法来修改onclick值
$("input[name='orderCar']").attr('onclick','').click(eval(function(){ Test(); })); function Test(){ alert("测试通过!"); return; }转载 2016-11-10 17:23:52 · 4276 阅读 · 0 评论 -
开源 CDN
★新浪CDN,感觉很快,用的人很多,推荐使用!1<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js">其它版本可以在这里找地址 http://lib.sinaapp.com/?path=/jquery★百度CDN原创 2016-08-20 11:44:01 · 2396 阅读 · 0 评论 -
jQuery 操作数组
<meta charset="UTF-8"/><script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script><!-- jquery 操作数组 --><script type="text/javascript"> $(function () {原创 2016-10-07 11:53:24 · 528 阅读 · 0 评论 -
table 即点即改
直接贴代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="原创 2016-10-06 16:18:43 · 318 阅读 · 0 评论 -
JS验证IP
<html> <head> <title><a href='http://js.zz5u.net'><u>JavaScript</u></a>用正则验证IP地址格式是否正确_网页代码站(www.6a8a.com)</title> </head> <body> <script language="javascript"> function f_check_IP()翻译 2016-11-07 16:57:44 · 560 阅读 · 0 评论 -
Web程序员必须知道的 Console 对象里的九个方法
一、显示信息的命令<!DOCTYPE html><html><head> <title>常用console命令</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body> <script type="text/javascript">转载 2016-11-06 20:29:52 · 389 阅读 · 0 评论 -
用console.table()调试javascript
昨天我了解到Chrome调试工具一个小巧的调试方法,在WDCC期间, Marcus Ross(@zahlenhelfer) 介绍了,chrome调试工具各种调试方法,这个只是其中一种,现在我来给大家秀下。用CONSOLE.LOG()展示数组想象下你构造了如下数组var languages = [{ name: "JavaScript", fileExtension: ".js" },{ name转载 2016-11-06 20:25:20 · 337 阅读 · 0 评论 -
操纵DOM之---attr 获取与设置属性的值
在使用JavaScript编写网页代码的过程中,多数时间都在操纵DOM,比如Ajax返回json数据、动态地向DOM添加显示节点或者是动态地更改页面上元素的CSS和属性等。DOM的全称是Document Object Model,即文档对象模型,是一种与浏览器、平台和语言无关的接口,它可以让用户代码访问任何浏览器中呈现的元素,可以将DOM看作是网页呈现的一种标准。attr 获取与设置属性的值 要原创 2016-11-16 17:26:03 · 4497 阅读 · 0 评论 -
操纵DOM之--DOM元素的【增删查改】
修改元素内容有如下3个方法可以用于获取HTML元素的内容 text():设置或返回所选元素的文本内容。 html():设置或返回所选元素的内容(包括HTML 标记)。 val():设置或返回表单字段的值。区别: text和html的明显区别是text只返回元素的文本内容 html返回的是将HTML解析后的内容。 val返回的是表单的内容获取或设置元素内容示例HTML代码<htm原创 2016-11-16 18:01:07 · 899 阅读 · 0 评论 -
js 执行字符串函数名
var fun = {'block':'triggerVal()','none':'TablesVal()'}[$('#t-table').css('display')] || 'triggerVal()' ; var s=eval('('+fun+')');原创 2016-11-14 09:26:41 · 1158 阅读 · 0 评论 -
JS奇淫巧技
// http://www.tuicool.com/articles/2YNNVvv//1) 使用!!将变量转换成布尔类型function Account(cash) { this.cash = cash; this.hasMoney = !!cash;}var account = new Account(100.50);console.log(account.cash翻译 2017-09-26 15:52:15 · 750 阅读 · 0 评论 -
jquery 创建form 并提交
// 创建Formvar form = $('');var action= '/sharp/importexcel/functionrole/dlogs';// 设置属性form.attr('action', action);form.attr('method', 'get');// _self -> 当前页面 _blank -> 新页面form.attr('target', '_s原创 2017-08-04 17:18:49 · 799 阅读 · 0 评论 -
ms 转换时分秒
timeend = new Date().getTime();timebegin = new Date().getTime();function MillisecondToDate(msd) { var time = parseFloat(msd) /1000; if (null!= time &&""!= time) { if (time >60&&原创 2017-07-27 11:56:15 · 3636 阅读 · 0 评论 -
JavaScript with用法
function students() { this.name = 'Jerry'; this.age = 18; this.score = function(yuwen,shuxue,waiyu) { return yuwen + shuxue + waiyu;原创 2017-06-22 16:14:30 · 593 阅读 · 0 评论 -
javascript的方法可以分为三类
a 类方法b 对象方法c 原型方法<!DOCTYPE html><html><head> <title></title></head><body></body></html><script type="text/javascript" charset="utf-8" async defer> function people(name) { this.nam原创 2016-11-21 17:54:51 · 536 阅读 · 0 评论 -
$.ajax()方法详解
引用来自:http://www.cnblogs.com/tylerdonet/p/3520862.htmljquery中的ajax方法参数总是记不住,这里记录一下。1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅转载 2016-11-15 13:27:05 · 257 阅读 · 0 评论 -
js删除数组中的元素delete和splice的区别
例如有一个数组是 :var textArr = [‘a’,’b’,’c’,’d’]; 这时我想删除这个数组中的b元素: 方法一:delete 删除数组 delete textArr[1] 结果为: ["a",undefined,"c","d"] 只是被删除的元素变成了 undefined 其他的元素的键值还是不变。方法二:aplice 删除数组 spli翻译 2016-11-18 11:02:08 · 1937 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)//结果 Objectage: "23"name: "huangxiaojian"__proto__: Object// 第二种方法var obj = eval('('+str+')')//结果 Objecta原创 2016-11-18 10:38:24 · 278 阅读 · 0 评论 -
如何在浏览器控制台(console)里输出彩色样式调试信息
在控制台(console)里看到这些信息内容我并不奇怪,让我感到奇怪的是,“警告”两个字是红色的,而且背景色是黄色的。而且字体也不其它文字要大一些。这格式化的样式现实效果是如何实现的?经过翻查它们的代码,发现非常的简单:console.log("%c%s","color: red; background: yellow; font-size: 24px;","警告!");这里的用法很像C语言里格式化转载 2016-11-06 20:32:38 · 1495 阅读 · 0 评论 -
jquery 伴侣
http://underscorejs.org/#each http://lodashjs.com/原创 2016-11-14 10:47:39 · 248 阅读 · 0 评论 -
Javascript 二维数组去重
[[a,1],[b,2],[a,2]] 去除[a,2]输入一串url 和一个待去除参数,输出筛选后的结果,第二个参数缺省的话,去除重复部分。stripUrlParams('www.codewars.com?a=1&b=2&a=2', ['b']) // returns 'www.codewars.com?a=1'思路是先将querry参数变成二维数组再去重,对象的键值是唯一的,将参数转化为数组后,转载 2016-11-06 20:07:19 · 3400 阅读 · 0 评论 -
js实现数组分组
有这样一个数组:[‘法国’,’澳大利亚’,’智利’,’新西兰’,’西班牙’,’加拿大’,’阿根廷’,’美国’,’0’,’国产’,’波多黎各’,’英国’,’比利时’,’德国’,’意大利’,’意大利’,]现在希望让每3个分成一个数组,像这样:[[‘法国’,’澳大利亚’,’智利’],[‘新西兰’,’西班牙’,’加拿大’],[‘阿根廷’,’美国’,’0’],[‘国产’,’波多黎各’,’英国’],[‘比利时’转载 2016-11-06 19:57:41 · 641 阅读 · 0 评论 -
js 根据数组分组动态生成table(相同项合并)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <script> //xxbh:学校编号,bjbh:班级编号,xx:姓名转载 2016-11-06 19:50:14 · 1213 阅读 · 0 评论 -
js原型链继承及调用父类方法
function Rect(config){}Rect.prototype.area = function(){ alert("我是父方法");}function myRect(config){ arguments.callee.prototype.constructor.prototype.area(); //子类里调用父方法area arguments.callee转载 2016-08-05 11:23:05 · 2822 阅读 · 0 评论 -
js判断手机浏览器屏幕方向
移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。从而根据实际需求而执行相应的程序。通过添加监听事件onorientationchange,进行执行就可以了。//判断手机横竖屏状态:function hengshuping(){if(window.orientation==180||window.orientat转载 2016-07-29 09:18:07 · 2383 阅读 · 0 评论 -
JavaScript COOKIE 操作总结
爽快 直接贴上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>cookie</title></head><body> <button type="button" onclick="SetCookie('pcy1','pangchengyong1')">SetCookie</bu原创 2016-07-25 10:59:19 · 278 阅读 · 0 评论 -
JavaScript控制table某列不显示的方法
本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下: 1、table代码<table id="mytable" border="0" width="1400" align="center" cellpadding="3" cellspacing="1" bgcolor="#dfdfdf"> <tbody id="tbody1" st转载 2016-05-19 15:26:16 · 1015 阅读 · 0 评论 -
JS打开新窗口的2种方式
1.超链接<a href="http://www.jb51.net" title="脚本之家">Welcome</a>等效于js代码window.location.href="http://www.jb51.net"; //在同当前窗口中打开窗口2.超链接<a href="http://www.jb51.net" title="脚本之家" target="_blank">Welcome<转载 2016-05-19 15:21:24 · 616 阅读 · 0 评论 -
文本框中,回车键触发事件的js代码[多浏览器兼容]
判断是否按下的为回车非常简单: function EnterPress(){ if(event.keyCode == 13){ // TODO } } IE6的onkeypress会接受”回车事件”,而onkeydown不会接受 IE8的onkeypress不会接受”回车事件”,而onkeydown会接受 …不用纠结于此,两个都写上吧转载 2016-05-19 15:18:47 · 3016 阅读 · 0 评论 -
js刷新页面方法大全
返回并刷新页面:location.replace(document.referrer);document.referrer //前一个页面的URL不要用 history.go(-1),或 history.back();来返回并刷新页面,这两种方法不会刷新页面。Javascript刷新页面的几种方法:1,history.go(0) 2,location.reload() 3,location=l转载 2016-05-19 15:12:37 · 325 阅读 · 0 评论 -
JS定义类的六种方式详解
在前端开发中,经常需要定义JS类。那么在JavaScript中,定义类的方式有几种,分别是什么呢?本文就JS定义类的六中方式说明如下(案例说明): 1、工厂方式function Car(){ var ocar = new Object; ocar.color = “blue”; ocar.doors = 4; ocar.showColor = function(){转载 2016-05-19 15:03:50 · 373 阅读 · 0 评论 -
javascript深入理解js闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码var n=999;function f1(){ alert转载 2016-05-19 14:39:45 · 272 阅读 · 0 评论 -
js 跨域 post 还有get
http://www.tuicool.com/articles/7ve6ja post跨域var post = function (URL, PARAMS) { var temp = document.createElement("form"); temp.action = URL; temp.method = "post"; temp.style.display原创 2016-05-17 19:07:58 · 2157 阅读 · 0 评论 -
超级简单的全选
<!-- 全选 --><input type="checkbox" data-listen="selectAll" style="width: 20px; height: 20px;margin: 0 auto; display: block">selectAll: function (s) { $("#feed_list_rev :checkbox").prop('checked', s.原创 2016-05-12 17:37:02 · 467 阅读 · 0 评论 -
js 判断复选框是否选中
$('#remember').is(':checked')typeof的运算数未定义,返回的就是 "undefined".运算数为数字 typeof(x) = "number"字符串 typeof(x) = "string"布尔值 typeof(x) = "boolean"对象,数组 和null typeof(x) = "object"函数 typeof(x) = "functi原创 2016-08-19 14:10:59 · 406 阅读 · 0 评论