js如何获取file控件的完整路径具体实现代码

2017年02月06日 17 阅读

今天做一个项目，需要隐藏input file然后获取它的值，但连jquery都无法获取它的值 复制代码 代码如下: <script type="text/javascript"> //FX获取文件路径方法 function readFileFirefox（fileBrowser） { try { netscape.security.PrivilegeManager.enablePrivilege（"UniversalXPConnect"）; }...

js获取键盘按键响应事件（兼容各浏览器）

2017年02月06日 20 阅读

复制代码 代码如下:<script type="text/javascript" language=JavaScript charset="UTF-8">document.onkeydown=function（event）{var e = event || window.event || arguments.callee.caller.arguments[0];if（e && e.keyCode==27）{ // 按 Esc //要做的事情}i...

javascript检测页面是否缩放的小例子

2017年02月06日 20 阅读

复制代码 代码如下:/** zoomCheck*/jQuery（function（$）{ var dCheck = $（"#zoomCheck"）; if（dCheck.size（） ！= 0）{ return; } dCheck = $（"<span></span>"）.attr（"id","zoomCheck"）.css（{ position :"fixed", left : "5px" }）.hide（）.appendTo（"...

JQuery设置和去除disabled属性的5种方法总结

2017年02月06日 20 阅读

复制代码 代码如下: //两种方法设置disabled属性 $（"#areaSelect"）.attr（"disabled",true）; $（"#areaSelect"）.attr（"disabled","disabled"）; //三种方法移除disabled属性 $（"#areaSelect"）.attr（"disabled",false）; $（"#areaSelect"）.removeAttr（"disabled"）; $（"#areaSelec...

extjs ColumnChart设置不同的颜色实现代码

2017年02月06日 21 阅读

复制代码 代码如下: Ext.onReady（function（）{ //定义store var chartStore = new Ext.data.JsonStore（{ root:"root", fields:[ {name:"ne",type:"string"},//网元 {name:"confine",type:"int"},//阀值 {name:"bill",type:"string"}//工单数 ], sortInfo:{field: "bil...

JQuery DataTable删除行后的页面更新利用Ajax解决

2017年02月06日 20 阅读

使用Jquery的DataTable进行数据表处理非常方便，常遇到的一个问题就是删除一行后页面必须进行更新，需要注意的方法如下：前台页面中初始化table时注意： 复制代码 代码如下: var table = $（"#sorting-advanced"）; table.dataTable（{ "bServerSide": true, "sAjaxSource": "servlet/UserList<%=queryString%>", "bPro...

文字溢出实现溢出的部分再放入一个新生成的div中具体代码

2017年02月06日 22 阅读

看到群里有人提了一个问题，说文字溢出，如何实现溢出的文字放入一个新生成的div中， 想了一下原理，就是判断是否能在div里放下，如果不能，则在应该断开的地方，差入到新的div中，代码如下： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&...

div拖拽插件——JQ.MoveBox.js（自制JQ插件）

2017年02月06日 20 阅读

有一段时间没更新博客了，都不知道忙些什么，学习也没什么进展，惭愧。 这一周空闲的时间学着自己写一下JQ插件。以前用原生的JS做过类似拖拽div的效果，现在按原思路改做成一个JQ的小插件，当作制作JQ插件的一个小练习。 html为 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml...

javascript解决innerText浏览器兼容问题思路代码

2017年02月06日 18 阅读

下面的函数接收一个参数，该参数可以是数组还可以是一个元素，返回元素的文本。 复制代码 代码如下: function text（e）{ var str = ""; //如果传入的是元素，获取它的子元素 //否则，当它是一个数组 e=e.childNodes || e; for （ var i = 0; i < e.length; i++ ） { //判断元素类型 //如果是text就获取它的文本，否则，遍历它的子元素 str += e[i].nodeT...

js获取元素到文档区域document的（横向、纵向）坐标的两种方法

2017年02月06日 16 阅读

获取页面中元素到文档区域document的横向、纵向坐标的两种方法及其比较 在js控制元素运动的过程中，对于页面元素坐标位置的获取是经常用到的，这里主要总结下两种方法： 一：通过叠加元素对象和它的offsetParent（如果存在）的offsetLeft/offsetTop属性来实现 在阅读javascript高级程序设计第三版DOM部分时，了解到要获取某个元素在页面上的偏移量，需要将这个元素的offsetLeft和offsetTop与其offsetPar...

扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路

2017年02月06日 20 阅读

看了一段时间关于js原型的知识，js的扩展方法是基于原型的，如Array.prototype.XXXX就是给Array扩展XXX方法，然后数组都能使用这个方法了。在对象数组里面经常有根据属性来进行排序的，升序，降序的，于是自己就想写一个类似于C#里面的orderBy的方法，代码如下： 复制代码 代码如下: Array.prototype.OrderByAsc = function （func） { var m = {}; for （var i = 0; i...

Jquery实现鼠标移上弹出提示框、移出消失思路及代码

2017年02月06日 19 阅读

思路： 1.首先要定位实现这种效果的元素 ，本次通过class 2.如果是动态显示不同的提示内容，需设置title 3.通过JQ给定位到元素加上 mouseover 和mouseout 事件 4.再完善下，弹出框跟随鼠标在目标元素上移动 5.再把 mouseover 、mouseout 合并成 hover 复制代码 代码如下: //页面加载完成 $（function （） { var x = 10; var y = 20; //设置提示框相对于偏移...

固定背景实现的背景滚动特效示例分享

2017年02月06日 24 阅读

分享一个来自corpse的固定背景滚动特效，使用background-attachment: fixed和导航菜单，页面会非常平滑的滚动。 HTML 复制代码 代码如下: <div id="cbp-fbscroller" class="cbp-fbscroller"> <nav> <a href="#fbsection1" class="cbp-fbcurrent">Section 1</a> <a h...

js操纵跨frame的三级联动select下拉选项实例介绍

2017年02月06日 20 阅读

运用HTML、CSS以及Javascript相关知识，编写多窗口多菜单的内容联动。 考察学生关于frame、浏览器对象，以及表单控件的概念，javascript事件触发机制和程序设计， 以及用CSS来组织文字展示的掌握程度，使学生对DHTML有更加深刻的理解。 实验内容【必做】 （１）建立一个包含三个frame的窗口 （２）第一个frame1中包含一个select，内容是中国的各个省 （３）第二个frame2中同样含有一个select，内容是各省的地级市 ...

下拉菜单点击实现连接跳转功能的js代码

2017年02月06日 19 阅读

1.js代码 复制代码 代码如下: <！-- function MM_jumpMenu（targ,selObj,restore）{ eval（targ+".location=""+selObj.options[selObj.selectedIndex].value+"""）; if （restore） selObj.selectedIndex=0; } --> 2.使用 复制代码 代码如下: <p class="yq">校友会链接...

js函数中onmousedown和onclick的区别和联系探讨

2017年02月06日 16 阅读

这两个事件很常见。 了解这两个事件的区别，但是实际并没有使用到这两个事件的区别去做一些操作。 通常使用onclick的时候也可以使用onmousedown，使用onclick的时候更多一些。 今天碰到了非使用onmousedown不可的时候，故特此记录。 先说一下区别：onclick是在鼠标点击弹起之后触发的事件。onmousedown是在鼠标按下之后触发的事件。 简单的说onclick = onmousedown + onmouseup; 如果在某个地方...

JavaScript中几个重要的属性（this、constructor、prototype）介绍

2017年02月06日 17 阅读

this this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 先看一个在全局作用范围内使用this的例子： 复制代码 代码如下: <script type=> console.log（ === window）; console.log（windo...

JS特殊函数（Function（）构造函数、函数直接量）区别介绍

2017年02月06日 17 阅读

函数定义 函数是由这样的方式进行声明的：关键字 function、函数名、一组参数，以及置于括号中的待执行代码。 函数的构造语法有这三种： Js代码 复制代码 代码如下: 1.function functionName（arg0, arg1, ... argN） { statements }//function语句 2.var function_name = new Function（arg1, arg2, ..., argN, function_body...

关于innerHTML后丢失动态绑定的EVENT问题解决方法

2017年02月06日 20 阅读

用innerHTML取出一段内容后再innerHTML回去,那么原来动态绑定的事件就会丢失,如: html: 复制代码 代码如下: <body><div id="d1">点击</div></body> script: 复制代码 代码如下: document.getElementById（"d1"）.onclick=function（）{alert（1）}; var html=document.body.in...

javascript之typeof、instanceof操作符使用探讨

2017年02月06日 19 阅读

写javascirpt代码时，typeof和instanceof这两个操作符时不时就会用到，堪称必用。但是！使用它们总是不能直接的得到想要的结果，非常纠结，普遍的说法认为“这两个操作符或许是javascript中最大的设计缺陷，因为几乎不可能从他们那里得到想要的结果” typeof 说明：typeof返回一个表达式的数据类型的字符串，返回结果为js基本的数据类型，包括number,boolean,string,object,undefined,functi...