最近的文章列表

将光标置于某表单元素的最后(textarea createTextRange setSelectionRange)

为了增加用户体验,在工作中难免要对textarea动态插入一些内容,插入完成后又想让光标定位于textarea的最后,各浏览器对这个的解释有些差异,下面整理了一个兼容浏览器的方法 toTextEnd ,此方法接受一个参数,该参数为要定位光标的目标元素【可编辑表单元素】。

其实理论很简单,在IE中采用createTextRange方法,非IE中采用setSelectionRange方法进行光标定位。

2014/2/7 Comments:
iframe子页面与父页面通讯(相互调用) chrome环境下需要通过HTTP访问才能生效

// 父控制子

document.getElementById("iframeId").contentWindow.document.getElementById("erZi").innerHTML = "";

// 子控制父

parent.document.getElementById("fuQin").innerHTML = "";

chrome环境下需要通过HTTP访问才能生效

2014/2/7 Comments:
[分享]php递归获取目录内文件(包含子目录)封装类

代码如下:


function readFileFromDir($dir) {
    if (!is_dir($dir)) {
        return false;
    }
    //打开目录
    $handle = open
2014/1/21 Comments:
js和jQuery获取父元素,删除子元素的两种不同方法

var obj=document.getElementById("id");得到的是dom对象,对该对象进行操作的时候使用js方法

var obj=$("#id");得到的是jquery对象,对该对象进行操作的时候使用jquery方法

1.对于上面获得的对象进行遍历

(1).js方法  for(vat i=0;j<obj.length;i++){ obj[i] 来获得对应的某一个元素}

(2).jquery方法  $(“#id”).each(function(){ $(this) 来获得对应的某一个元素});

2.获取满足条件的

2014/1/20 Comments:
js与jQuery获取父级元素,子级元素,兄弟元素的实现方法

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比

JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素

原生的JS获取ID为test的元素下的子元素。可以用:

比如:

<div id="dom">
    <div></div>
    <div></div>
    <div><

2014/1/20 Comments:
[详解]js原生和jQuery解析json和数组格式的方法

在解析之前,我们必须弄清楚几个概念:数组,关联数组以及json之间有哪些区别和联系点?

一.概念介绍
1.数组

语法:
ECMAScript v3规定了数组直接量的语法,JavaScript 1.2和JScript 3.0实现了它。可以把—个用逗号分隔的表达式列表放在方括号中,创建并初始化—个数组。这些表达式的值将成为数组元素。例如:

var a = [1, true, 'abc'];

具体操作查看API.

ps:必须方括号隔开。

2.关联数组

2014/1/20 Comments:
Ajax异步同步请求被IE缓存的问题解决方法(get方式)

折腾了半天,程序中使用jquery的load方法进行请求,很奇怪为啥第二次无法发送请求。百度了一把,谁知load是用get方式进行请求的,因此IE浏览器对

其进行缓存了。网上搜了很多解决方案,一大把,下面是我认为比较全面的解决方案。主要分为客户端解决和服务端解决。

1.客户端解决方案
IE访问策略:Internet选项--浏览历史记录--设置-- Internet 临时文件的选项改为每次访问网页时也可以

1: 在AJAX请求的页面后加个随机函数,我们可以使用随机时间函数


2014/1/20 Comments:
[分享]jQuery实现鼠标拖动图片效果示例代码
代码如下:

<!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="Content-Type" con
2014/1/20 Comments:
jQuery动态添加、删除元素DOM的方法
代码如下:

<script>
$.schoolFn = {
addItem: function(obj){
$("#itemList").append("<li id='liItrm' class='list-group-item clearfix'><span class='glyphicon glyphicon-resize-vertical sort-handle'></span>"+obj
2014/1/20 Comments:
细说jQuery自定义函数的多种方法
代码如下:

//方法定义
$.windowbox = {
//定义一个方法aa
aa: function(){
alert("aa");
},


//定义一个方法bb
bb: function(){
alert("bb");
}
}
$.windowbox.aa(); //调用$.windowbox里的aa方法


<span style="CURSOR
2014/1/16 Comments: