
JavaScript
Asher
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript编程风格
一、大括号的位置绝大多数的编程语言,都用大括号({})表示区块(block)。起首的大括号的位置,有许多不同的写法。最流行的有两种。一种是起首的大括号另起一行:block { ... } 另一种是起首的大括号跟在关键字的后面:block { ... } 一般来说,这两种写法都可以接受。但是,JavaScript要使用后一种,因为JavaScript会自原创 2012-04-30 19:07:45 · 768 阅读 · 0 评论 -
FireFox与IE开发上的一些区别
1. 对象问题 1.1 Form对象 现有问题:现有代码这获得form对象通过document.forms("formName"),这样使用在IE 能接受,MF 不能。解决方法:改用 作为下标运算。改为document.forms["formName"]备注上述的改用 作为下标运算中的formName是id而name1.2 HTML对象 现有问题:在 I原创 2012-11-21 09:23:48 · 671 阅读 · 0 评论 -
Ajax 号码、IP、身份证归属地查询
淘宝网API地址: http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=15850781443参数:tel:手机号码返回:JSON拍拍API地址: http://virtual.paipai.com/extinfo/GetMobileProductInfo?mobile=15850781443原创 2012-07-20 20:55:59 · 1850 阅读 · 0 评论 -
onMouseOver 和 onMouseOut事件冒泡
onMouseOver 和 onMouseOut事件是移入移出事件,当鼠标移入或者移出某元素时希望能有不同的显示效果或者执行一段js函数, 比如鼠标移入一个div框中希望这个框背景色会改变,移出时又恢复原样,这是网页设计常用的效果,但当div框有子元素时,背景色会闪动,因为发生了冒泡事件。IE下有 onmouseenter和onmouseleave来解决。 兼容方式:原创 2013-01-24 14:29:59 · 2309 阅读 · 0 评论 -
jQuery Tree 树形控件
(1)jQuery File Tree(2)jQuery plugin: Treeview (演示地址)这个插件能够把无序列表转换成可展开与收缩的Tree。(3)jstreejstree是一个基于jQuery的Tree控件。支持XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖”放节点操作。可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。在这原创 2013-01-16 16:26:46 · 8688 阅读 · 0 评论 -
artDialog弹框
地址: http://aui.github.com/artDialog/原创 2013-01-29 09:55:17 · 897 阅读 · 0 评论 -
JavaScript中关于绑定事件句柄问题
在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情,但这里也有许多的Bug。各种浏览器对于事件绑定都提供了很多方法,但可靠的只有3中:1、传统的绑定方法: elem.onclick = function( event ){ alert(event.type + 'this.innerHTML'); };转载 2013-03-12 16:43:02 · 1248 阅读 · 0 评论 -
关于iframe绑定onload事件
var iframe=document.getElementById('center'); if(!iframe) return false; if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ }); iframe.onr原创 2013-03-12 16:47:22 · 3182 阅读 · 0 评论 -
IE 下Enter提交表单重复提交问题
在submit()后加个return false就可以了。如:document.formname.submit(); return false; 以后要注意了原创 2013-12-13 14:59:24 · 1081 阅读 · 0 评论 -
JavaScript跨域总结与解决办法
什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充转载 2013-12-18 09:21:40 · 870 阅读 · 0 评论 -
javascript 获取样式必杀技
Javascript获取CSS属性值方法:getComputedStyle和currentStyle1 .对于元素的内联CSS样式(hello),可以直接使用element.style.color来直接获取css属性的值;2. 但是对于外部定义的css样式使用这种方式就无法获取了,而且IE浏览器和其他标准浏览器(Firefox,Chrome,Opera,Safari)使用的方法原创 2014-01-02 15:27:02 · 677 阅读 · 0 评论 -
跨域 表单提交
1.直接用jquery中$.getJSON进行跨域提交 优点:有返回值,可直接跨域; 缺点:数据量小; 提交方式:仅get (无$.postJSON) Java代码 $.getJSON("http://www.sendnet.cn/?callback=?" , { UserId:转载 2014-02-13 17:49:06 · 2306 阅读 · 0 评论 -
highcharts 提示框样式
highcharts 提示框中的内容经过格式化以后效果都是黑白色比较难看效果如下。看官方文档对tooltip 中formatter的说明:formatter格式化程序 :Function格式化tooltip的文本的回调函数。返回false可对数据序列上特定的点禁用tooltip。支持一个HTML子集。tooltip的HTML元素会被解析和转换成SVG,因此这转载 2014-03-19 17:33:17 · 6539 阅读 · 0 评论 -
控制Highcharts中x轴和y轴坐标值的刻度
绘制小一点的Highcharts图表的时候,因为图表太小了,坐标轴上的刻度值显示不出来怎么办捏,只要把yAxis或者xAxis中的tickPixelInterval设小一点就ok了。这个属性表示区域内坐标刻度之间的间隔距离,单位是像素,y轴默认值72,x轴默认值100。 chart = new Highcharts.Chart({ chart:{ ...转载 2014-03-25 17:08:01 · 8006 阅读 · 0 评论 -
HighCharts日期格式化及数值格式化
一、dateFormat 日期格式化1、函数原型dateFormat (String format, [Number time], [Boolean capitalize])2、说明格式化JavaScript 时间(也就是一个时间数值,从1970年1月1日到现在的秒值)成为我们容易理解的常规的字符串型的时间格式(比如2012/10/23等)。这个格式化函数继承P转载 2014-03-25 13:19:56 · 4960 阅读 · 0 评论 -
js 字符串对象名使用
非常多的时候我们得到的可能shi原创 2014-05-07 16:35:48 · 2797 阅读 · 0 评论 -
HTML5前端图片压缩,兼容手机
主要用了两个html5的 API,一个file,一个canvas,压缩主要使用cnavas做的,file是读取文件,之后把压缩好的照片放入内存,最后内存转入表单下img.src,随着表单提交。照片是自己用单反拍的,5M多,压缩下面3张分别是600多kb,400多kb,300kb的最后那张失真度很大了,压缩效率蛮高的。File API Test#test { disp转载 2014-11-25 17:29:10 · 1703 阅读 · 0 评论 -
向上取整向下取整
1.丢弃小数部分,保留整数部分 php: intval(9/2) js:parseInt(9/2)2.向上取整,有小数就整数部分加1 php: ceil(9/2) js: Math.ceil(9/2)3,四舍五入. php: round(9/2)原创 2012-07-30 21:04:32 · 1177 阅读 · 0 评论 -
JSON 日期处理
通过java输出json对象后的日期格式如下所示: var obj = { "data" : [{ "SAL" : 2975, "JOB" : "MANAGER", "ENAME" : "JONES", "EMPNO" : 7566, "HIREDATE" : { "date" : 12, "day" : 6,原创 2012-07-22 18:36:24 · 2436 阅读 · 0 评论 -
Javascript中new的疑惑
// 加不加new结果都一样var obj = new Function('var temp = 100;this.temp = 200;return temp + this.temp;');alert(typeof(obj)); // functionalert(obj()); // 300var obj = Function('var temp = 100;this.temp =原创 2012-07-07 16:15:05 · 1521 阅读 · 1 评论 -
浏览器地址栏javascript
0. 前言所谓IE地址栏表达式,就是在IE的地址栏中输入 javascript:,执行某些功能,来动态改变原有页面的参数以达到某些目的,例如开放被禁止的按钮、显示原本隐藏的图片等等。本文将就IE地址栏的使用方法做一个详细的说明。1. 表达式的书写方法在IE的地址栏中输入 javascript:,即可在当前页面上直接执行指定的代码并立即看到效果。而且,中可以包含多条语句,甚至可以包含 i转载 2012-05-29 10:32:46 · 6711 阅读 · 0 评论 -
a标记中的href和onclick
链接的 onclick事件被先执行,其次是 href属性下的动作(页面跳转,或 javascript 伪链接); 假设链接中同时存在 href与 onclick,如果想让 href属性下的动作不执行,onclick必须得到一个 false的返回值。如果页面过长有滚动条,且希望通过链接的 onclick事件执行操作。应将它的 href属性设为 javascript:void(0);,而不要是原创 2012-05-29 10:29:08 · 1241 阅读 · 0 评论 -
JavaScript继承详解(一)
面向对象与基于对象几乎每个开发人员都有面向对象语言(比如C++、C#、Java)的开发经验。在传统面向对象的语言中,有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。我们还知道,面向对象编程有三个重要的概念 - 封装、继承和多态。但是在JavaScript的世界中,所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语原创 2012-05-30 10:13:48 · 1132 阅读 · 3 评论 -
导航栏
css:.menu { width: 850px;}div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto;}div.menu ul li { float: left;}div.menu ul li a,div.menu ul li a:visited { background原创 2012-06-02 11:03:49 · 884 阅读 · 0 评论 -
JQuery中模拟句柄
获得函数内的参数:$().ready(function() { $("#div").css( { "border" : "1px solid red", "height" : "300px" }); var fn = function() { alert(arguments[0].data.uname); }; (function() { $("#div").bin原创 2012-06-01 22:20:15 · 1264 阅读 · 0 评论 -
jQuery自定义事件和jQuery.extend
自定义事件:trigger(type,[data]): type (String,Event,Object) : 一个事件对象或者要触发的事件类型; data (Array) : (可选)传递给事件处理函数的附加参数;$("p").click( function (event, a, b) { // 一个普通的点击事件时,a和b是undefine原创 2012-06-03 22:55:33 · 2122 阅读 · 0 评论 -
Jquery autocomplete options
Available optionsThese options are available:urldefault value: noneThe url that will be called to provide autocompletion results. If you do not specify this, be sure to specify local data us原创 2012-06-05 19:14:51 · 1133 阅读 · 0 评论 -
Jquery autocomplete
Jquery autocomplete是一个很强大的类似google suggest的自动提示插件。它几乎可以满足我们所有的需要。首先是最重要的方法 autocomplete( url or data, [options] )第一个参数可以是数组或者url,options参数比较复杂: * minChars (Number): 在触发autoComplete前用户原创 2012-06-05 15:09:48 · 851 阅读 · 0 评论 -
JavaScript继承详解(二)
重点介绍JavaScript中几个重要的属性(this、constructor、prototype),这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。thisthis表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象windows; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和原创 2012-05-30 10:19:39 · 1069 阅读 · 0 评论 -
javascript的正则表达式
创建一个正则表达式第一种方法:var reg = /pattern/;第二种方法:var reg = new RegExp('pattern');正则表达式的exec方法简介语法:reg.exec(str);其中str为要执行正则表达式的目标字符串。例如:var reg = /test/;var str = 'testStrin原创 2012-06-06 16:06:05 · 2889 阅读 · 9 评论 -
jQuery所有插件汇总
概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库原创 2012-06-08 11:42:49 · 1787 阅读 · 1 评论 -
HTML enctype accept
enctype 属性 -- HTML表单数据的编码方式enctype 属性取值:application/x-www-form-urlencoded -- 窗体数据被编码为名称/值对.这是标准的编码格式.multipart/form-data -- 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分.text/plain -- 窗体数据以纯文本形式进行编码,其中不含原创 2012-05-21 10:17:16 · 991 阅读 · 0 评论 -
js获取节点 dom操作
接口nodeType常量nodeType值备注ElementNode.ELEMENT_NODE1元素节点TextNode.TEXT_NODE3文本节点DocumentNode.DOCUMENT_NODE9原创 2012-05-25 09:31:43 · 818 阅读 · 0 评论 -
理解javascript函数
函数定义:命名函数(声明式),匿名函数(引用式)function dwn(str) { document.write(str + "");}// 声明式,定义代码先于函数执行代码被解析function t1() { dwn("t1");}t1();function t1() { dwn("new t1");};t1();// 引用式,在函数运行中进行动态解析var原创 2012-07-07 16:19:00 · 881 阅读 · 0 评论