JS
指尖上的行者
遇事多思考,总有另一种美好!
展开
-
jQuery操作input
获取选中的值获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].转载 2011-12-07 11:46:56 · 507 阅读 · 0 评论 -
往div中添加图片
要想往DIV中添加图片分为两种情况讨论:第一种:document.getElementById('qyery').style.background = 'url(xxx.jpg)';第二种:var imgNode = document.createElement('img');imgNode.setAttribute('src','xxx.jpg');d原创 2012-03-16 13:11:12 · 6253 阅读 · 0 评论 -
JS中typeof的使用
经常会在js里用到数组,比如 多个名字相同的input, 若是动态生成的, 提交时就需要判断其是否是数组. if(document.mylist.length != "undefined" ) {} 这个用法有误.正确的是 if( typeof(document.mylist.length) != "undefined" ) {} 或 if( !isNaN(document.mylis原创 2012-05-08 13:17:01 · 3125 阅读 · 0 评论 -
window.onload和$(document).ready()的加载执行顺序
window.onload和jquery中的$(document).ready()的加载执行顺序: 近期在做一个嵌入在frame中的页面的时候,使用了jquery做效果,而页面本身也绑定了onload事件。改完后,Firefox下测试正常流畅,但IE下就要等个十几秒jquery的效果才出现,很是郁闷。 开始还以为是和本身onload加载的方法冲突。网上普遍的说法是$(document).r转载 2012-05-08 14:23:42 · 1661 阅读 · 0 评论 -
JS类型转换
1:整数和字符相互转换js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。在判断字符串是否是数字值前,parseInt()和parseFloat()都会仔细分析该字符串。parseInt()方法首先查看位置0处的字符转载 2012-05-12 20:24:49 · 541 阅读 · 0 评论 -
on事件大全
onactivate 当对象设置为活动元素时触发。 onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发。 onbefo转载 2012-05-12 20:10:58 · 617 阅读 · 0 评论 -
JS时间操作
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月)(要加1) myDate.getDate(); //获取当前日(1-31) myDate.getD转载 2012-05-12 20:23:52 · 652 阅读 · 0 评论 -
什么是Node?
Node不是万能药!但的确能解决一些关键问题。学习Node不是一件轻松事儿,但你所收到的回报是对得起你的付出的。因为当下Web应用开发中的诸多难题唯有JavaScript才能解决。作者:Brett McLaughlin ,翻译:拔赤原文:What is Node?目录专家们的警告!Node:几个小例子Node不是JavaScript,Node可以运行JavaScript转载 2011-09-23 12:43:13 · 867 阅读 · 0 评论 -
document.body.clientHeight 和 document.documentElement.clientHeight 的区别
1、javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别这个问题是我在整合新的美工页面的时候发现的,在整合页面的时候菜单页面始终显示不出来。但是查看源代码,里面又已经打印出来了所有的菜单。唯一的解释就是js的问题了。用火狐firebug测试,发现其中一个取得页面高度的变量 body转载 2011-12-09 16:15:55 · 571 阅读 · 0 评论 -
JQuery秘籍
ready(fn); $(document).ready()注意在body中没有onload事件,否则该函数不能执行。在每个页面中可以有很多个函数被加载执行,按照fn的顺序来执行。bind( type, [data], fn ) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。可能的事件属性有:blur, focus, load, resize, scroll, unl原创 2012-06-08 17:26:46 · 712 阅读 · 0 评论 -
激活编辑器的两种方式:contentEditable与designMode
什么意思呢?先举个例子,在IE中,所有的模态对话框都是不可编辑的状态,即不能对里面的文本进行“复制”。这是你就需要使用到contentEditable属性,将此属性设置为“true”,并把需要对其进行“复制”的文本放至此属性的有效范围内即可。如: 进行复制测试当然,关于这种只读窗口其他的处理方式请参考:http://www.haogongju.net/art/原创 2012-05-25 16:52:32 · 2586 阅读 · 0 评论 -
IE中使用 模态对话框
Javascript有许多内建的方法来产生对话框,如:window.alert(),window.confirm(),window.prompt().等。然而IE提供更多的方法支持对话框。如: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持)window.showModalDialog()转载 2012-05-25 14:33:45 · 1079 阅读 · 0 评论 -
通过AJAX的JS、JQuery两种方式解析XML
JQuery版$.ajax({ url : "order/order_orderDetail.do?params.type=merge", type : "post", data : params, success : function(xml) { hide(); if(xml == ""){ Dialog.popTip("找不原创 2013-09-22 19:11:13 · 881 阅读 · 0 评论 -
修正IE下document.getElementsByName无法获取DIV标签
无标题文档div{ width: 100px; height: 100px; border:1px solid red;}div1div2div3div4AnotherDiv// 可见在IE下通过document.getElementsByName是无法获取DIV标签的,FF可以alert(document.转载 2013-09-22 21:57:40 · 932 阅读 · 0 评论 -
JS操作Cookie
//获得coolie 的值 function cookie(name){ var cookieArray=document.cookie.split("; "); //得到分割的cookie名值对 var cookie=new Object(); for (var i=0;i<cookieArray.length;i++){转载 2014-03-07 11:48:51 · 802 阅读 · 0 评论 -
JQuery操作单选按钮以及复选按钮
单选按钮以及复选按钮在开发过程中会经常用到,下面我就来通过JQuery操作单选按钮和复选按钮:单选按钮:通过JQuery获取单选按钮对象我们总共有三种途径:①ID:$("#radioId")②NAME:$(":input[name='radioName']")③TYPE:$("input[type=radio]"),可能在有的资料上面写的是:$(""input[@type=ra原创 2012-03-29 13:29:19 · 2113 阅读 · 1 评论 -
JavaScript之DOM笔记
DOM:(Document Object Model)文档对象模型DHTML:CSS、脚步编程语言和DOM三种技术的单一称谓叫DHTML(Dynamic HTML,动态HTML)DOM对象的层次关系windowlocationframeshistorynavigatoreventdocumentlinksanchorsimagesfilt原创 2012-03-28 23:07:26 · 593 阅读 · 0 评论 -
jquery 遍历数组each的用法,还有一个jquery的基础用法
JQuery拿取对象的方式 $(‘#id’) :通过元素的id $(‘tagName’) : 通过元素的标签名 $(‘tagName tagName’) : 通过元素的标签名,eg: $(‘ul li’)$(‘tagName#id): 通过元素的id和标签名 $(‘:checkbox’):拿取input的 type为checkbox’的所有元素: Eg: value="转载 2011-12-07 11:45:44 · 774 阅读 · 0 评论 -
jquery attr()方法
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。1. attr(属性名)//获取属性的值(取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined )2. att转载 2011-12-07 12:34:29 · 386 阅读 · 0 评论 -
prototype.js 1.4版开发者手册(强烈推荐)
看到一个很好的东西在国内没有被很多人使用起来,实在是不爽,所以花了很大功夫把这个手册翻译成中文,由于这篇文章很长,所以,翻译的工作量很大而且有些地方英文版也没有说清楚,虽得查看源代码,好在不是坚持做完了,大家鼓励下啊!^o^prototype.js是一个非常优雅的javascript基础类库,对javascript做了大量的扩展,而且很好的支持Ajax,国外有多个基于此类库实现的效果库,也做得转载 2011-12-09 16:13:01 · 484 阅读 · 0 评论 -
JS做的鼠标拖动翻页效果
导读:这个JS做的翻页效果很有意思,不是我们常见的点击,而是用鼠标拖动后自动翻页,可以向左或向右拖动,具体运行下下面的代码就能看到效果。原本是为自己的博客网站设计的,周二产生的灵感,周三周四逃课两天算坐标,周五回家,到傍晚才算写出了第一版,发布之后没想到评价还不错,此后太多人问我这个效果应该怎么修改,才能用到自己的网站上,所以现在发这个帖子详细解释一下这个效果的原理在此正式将此效果命名为转载 2011-12-09 16:20:44 · 2958 阅读 · 0 评论 -
JS控制图片拖动 放大 缩小 旋转
// 缩放图片 function imgToSize(oBool) { var oImg = document.all('oImg'); oImg.style.zoom = parseInt(oImg.style.zoom) + (oBool ? 2 : -2) + '%'; } // 旋转图片 var oArcSize = 1; f转载 2011-12-09 16:21:28 · 4804 阅读 · 1 评论 -
js中得到两个数字相加的和
原文地址:js中得到两个数字相加的和作者:ahui_zeng_3ej44 在异步调用中,有时候要在某个统计数字上加1,而直接用"+"号相连,必定得不到想要的结果,因为默认是两个字符串相连。 js中有个parseint()函数可以实现这个功能。 方法:parseInt("1")+parseInt("2") 以下为一段摘抄:摘抄地址>>ht转载 2011-12-09 16:30:27 · 3739 阅读 · 0 评论 -
简约之美,JQuery之进度条插件
JQuery Progress Bar是基于JQuery开发的进度条插件,秉承了JQuery的简约哲学。不仅容易使用,而且可以轻松定制外观。对于使用了JQuery框架的项目来说,需要使用进度条控件时这是一个不错的选择。 JQuery Progress Bar与常规插件一样,只要用选择器选择一个HTML元素后,直接调用插件的公开方法即可。它提供的公开方法名称为progressBar()。那么,当HT转载 2011-12-09 16:11:52 · 637 阅读 · 0 评论 -
Js实现无刷新添加新层,拖动DIV层可互换位置丨www.CsrCode.cn
Js实现无刷新添加新层,拖动DIV层可互换位置丨www.CsrCode.cn※丨www.CsrCode.cn丨seo丨www.seonet.net丨网页特效|网页图片特效|网页特效代码|链接交换平台 『芯晴网页特效』无刷新添加一个新的DIV层,并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经转载 2011-12-09 16:23:12 · 882 阅读 · 0 评论 -
通过Ajax请求的JS值在JSP中显示
昨天做了个菜单树,通过dTree生成。先在后台对dTree格式的JS树形结构进行拼接,然后再通过AJAX请求返回到前台JSP页面中,可是到了JSP页面中之后有那棵树,但是就是不能显示,这问题一直困恼了我一下午,真是百思不得其解啊。在网上找了很多资料,但是看的我是雾里云里,就在快要放弃另选途径的时候天空一阵巨响,答案闪亮登场。具体做法如下:1、在前台JSP页面的BODY中编写了一个DIV:原创 2012-03-03 13:49:55 · 2390 阅读 · 0 评论 -
jquery以及js常用函数
jquery刷新页面局部刷新:这个方法就多了去了,常见的有以下几种;$.get方法,$.post方法,$.getJson方法,$.ajax方法如下前两种使用方法基本上一样$.get(”Default.php”, {id:”1″, page: “2″ },function(data){//这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。});$.ge原创 2012-03-04 16:33:54 · 855 阅读 · 0 评论 -
普通窗口与模态窗口参数详细
一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、各项参数 其中y转载 2012-03-24 13:13:01 · 1109 阅读 · 0 评论 -
经典正则表达式入门教程
来园子之前写的一篇正则表达式教程,部分翻译自codeproject的The 30 Minute Regex Tutorial。由于评论里有过长的URL,所以本页排版比较混乱,推荐你到原处查看,看完了如果有问题,再到这里来提出.一些要说的话:如果你没有正则表达式的基础,请跟着教程“一步步来”。请不要大概地扫两眼就说看不懂——以这种态度我写成什么样你也看不懂。当我告诉你这是“30分钟入转载 2012-03-24 13:05:12 · 517 阅读 · 0 评论 -
Ajax中文乱码问题
注意两个问题:1、页面:在Ajax请求中加上:contentType: "application/x-www-form-urlencoded; charset=UTF-8",如:window.onload=function(){ $.ajax({ url:"/remoteSale/login/?type=info", type:"post",原创 2012-03-24 13:11:59 · 489 阅读 · 0 评论 -
JS获取当前完整的url地址以及参数的方法
javascript 获取当前 URL 参数的两种方法://返回的是字符串形式的参数,例如:class_id=3&id=2& function getUrlArgStr(){ var q=location.search.substr(1); var qs=q.split('&'); var argStr=''; if(qs){转载 2016-05-09 22:22:20 · 17777 阅读 · 0 评论