-
IE onchange事件触发bug 与 解决教程
所属栏目:[模式] 日期:2018-09-06 热度:116
今天遇到了IE一个onchange事件的bug,此bug存在于IE所有的版本(6,7,8)不知道是不是bug,还是IE故意这样设计的?姑且不做评价,我们来看看IE onchange事件的重现过程: 给input等控件添加onchange事件,例如input的checkbox(radio等),在IE下点击选中,[详细]
-
通过 JSONP 实现完美跨域
所属栏目:[模式] 日期:2018-09-06 热度:125
以前我经常在博客说JSONP,例如我的 WordPress 天气插件就是通过JSONP来调用的天气数据,今天就说说通过JSONP实现跨域的应用~ 什么是JSONP JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如[详细]
-
关于 js 优化的一些经验
所属栏目:[模式] 日期:2018-09-06 热度:71
这些是我写代码时的一些经验,总结了一下分想给大家,没啥顺序,想到就写上了 1.使用局部变量避免使用全局变量 比如 改成 局部变量的好处就是减少了作用域链的查找 我建议要是有两次的引用就用局部变量 2.避免使用with(这个估计地球人都知道) 我理解原因[详细]
-
js获取当前页面URL详细地址的实现步骤
所属栏目:[模式] 日期:2018-09-06 热度:196
设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(window.location.href); 设置或获取与 URL 关联的端口号码。 alert(window.location.port) 设置或获取 URL 的协议部分。 alert(window.location[详细]
-
location.href 与 location.search
所属栏目:[模式] 日期:2018-09-06 热度:130
window.location.href 返回完整的 URL。 如:http://www.test.com/test.php?p=1 window.location.search 返回 URL 中的 QueryString 部分,含?。 如:?p=1[详细]
-
数字与字符串之间的转换(.toString,parseInt,parseFloat)
所属栏目:[模式] 日期:2018-09-06 热度:199
1.数字转换为字符串 1.1 toString方法 (返回对象的字符串表示) var i = 012345; strI = i.toString(); 1.2 + var i = 012345; strI = i+; 2.字符串转换为数字 2.1parseInt方法 (返回由字符串转换得到的整数部分) parseInt(12.3abc)//得到12 2.2parseFloat[详细]
-
js全局变量、局部变量和作用域
所属栏目:[模式] 日期:2018-09-06 热度:142
script type=text/javascriptvar a = 100;function test(){var b = 2*a;var a= 200;var c= a/2;alert(b);alert(c);}test();/scriptbr /center如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:a href='http://www.veryhuo.com/' target='_blank'http:/[详细]
-
js图片查看器,层方式显示上一张下一张带退出
所属栏目:[模式] 日期:2018-09-06 热度:188
这是利用javascript实现图片查看器,层方式显示上一张下一张带退出的代码,注意代码里的函数$(),addEvent(),removeEvent()并未封装到图片查看器中,个人认为这三个函数会在网页中多次应用,为避免重复代码,故没有封装。示例中使用了淡入淡出效果(仅FF,IE[详细]
-
JavaScript第四课:Making Decisions[下]
所属栏目:[模式] 日期:2018-09-06 热度:140
《零基础学 Java Script》 JavaScript第四课 Making Decisions(下) 第四课分为7个小节: (此文章又长又臭,但是极其形象易懂,仅适合于JavaScript初学者,尤其是零基础者) 译文作者:胆晓茹鼠 作者网站:http://www.haoxiaoru.info/ 课程回顾: JavaScri[详细]
-
ckeditor删除链接中高级Tab页
所属栏目:[模式] 日期:2018-09-06 热度:116
CKEDITOR.on( 'dialogDefinition', function( ev ) { // Take the dialog name and its definition from the event // data. var dialogName = ev.data.name; var dialogDefinition = ev.data.definition; // Check if the definition is from the dialog[详细]
-
Prototype系列(1)初探prototype.js
所属栏目:[模式] 日期:2018-09-03 热度:80
prototype.js 是什么? 万一你没有使用过大名鼎鼎的prototype.js,那么让我来告诉你,prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。 如果你最近尝试使[详细]
-
JavaScript 取消浏览器事件冒泡
所属栏目:[模式] 日期:2018-09-03 热度:191
再用js为Html元素指定样式或绑定事件时,由于浏览器的事件工作方式为捕捉/冒泡,往往容易将样式或事件绑定到到目标元素的父元素上,所有如果只希望将样式或事件绑定到指定目标元素上,就需要取消事件的冒泡行为。 不幸的是IE所采用的停止事件冒泡的方式同[详细]
-
Ajax+Javascript动态生成文本输入框
所属栏目:[模式] 日期:2018-09-03 热度:147
Html文件的代码 Copy to Clipboard 引用的内容:[www.veryhuo.com]html xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title/title !-- JAVASCRIPT编写需要使用网页的script元素,如下所示. s[详细]
-
JavaScript 事件冒泡简介及应用实例
所属栏目:[模式] 日期:2018-09-03 热度:131
一、什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被[详细]
-
Javascript和Ajax中文乱码的完美解决方案
所属栏目:[模式] 日期:2018-09-03 热度:185
今天弄了一天的Ajax中文乱码问题,Ajax的乱码问题分为两种: 1. Java Script输出的中文乱码, 比如:alert(中文乱码测试); 解决的办法比较简单,就是把jsp里所有的charset和pageEncoding的值都设置成相同的,一般是utf-8. 2. 这第二种就是Ajax从服务器端获[详细]
-
多浏览器兼容性问题及解决方法之Javascript篇
所属栏目:[模式] 日期:2018-09-03 热度:128
一、document.formName.item(itemName) 问题 问题说明:IE下,可以使用 document.formName.item(itemName) 或 document.formName.elements [elementName]; Firefox 下,只能使用document.formName.elements[elementName]。 解决方法:统一使用document.for[详细]
-
Hook Javascript Function
所属栏目:[模式] 日期:2018-09-03 热度:148
在公文升级方案中, 因为使用了新模板, 我需要在原来系统执行某几个函数之前, 做一些检查,如果成立则执行原有函数,否则执行我的新逻辑,然后再依情况决定是不是执行原函数。 我们知道, Java script中函数有静态函数、成员函数和实例化对象的成员函数之[详细]
-
一个简单的js过滤数组重复元素的方法
所属栏目:[模式] 日期:2018-09-03 热度:157
js过滤数组重复元素: function filterArray(str,array){ //此函数为过滤数组中重复的元素,并不允许插入空值,函数返回数组 var isnull = false; if(str == || str == null || str == 'undefined'){ isnull = true; } var newnum = 0; var newarray = []; va[详细]
-
JS 获取上传文件大小
所属栏目:[模式] 日期:2018-09-03 热度:188
我们有时候在上传文件前要判断文件的大小,通常有以下两种方式: Copy to Clipboard 引用的内容:[www.veryhuo.com]!doctype html public -//w3c//dtd html 4.0 transitional//en html body INPUT TYPE=file NAME=file SIZE=30 onchange=getFileSize(this)[详细]
-
正则表达式验证字符串组成
所属栏目:[模式] 日期:2018-09-03 热度:98
正则表达式验证字符串组成 script type=text/javascript function check_str(){ var str = document.getElementById(str).value; var check_letters = /^[a-zA-Z]+$/.test(str);//判断字符串由字母组成 var check_numbers = /^[0-9]+$/.test(str);//判断字[详细]
-
JavaScript编写的高仿真可控弹簧振子
所属栏目:[模式] 日期:2018-08-23 热度:111
div style=position: absolute; width: 616px; height: 432px; top: 122px; left: 50px id=maindiv style=position: absolute; width: 616px; height: 407px; top: 0px; left: 3px id=podiv style=position: absolute; background-color: #ffffff; width:[详细]
-
JavaScript 移动焦点放大图片局部效果代码
所属栏目:[模式] 日期:2018-08-23 热度:51
先来看一下效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=GBK /t[详细]
-
JavaScript 中window.opener的应用
所属栏目:[模式] 日期:2018-08-23 热度:102
网上支付开发分为支付平台和客户端两部分。当客户端进入支付平台时,需要在新窗体打开支付平台页面,JS代码: window.open(); 而当支付成功后,需要关闭支付平台支付成功界面,并在客户端加载客户端支付成功页面,JS代码: window.opener.location.href=url[详细]
-
避免js无限循环引起的假死或cpu100%
所属栏目:[模式] 日期:2018-08-23 热度:170
本文内容很简单,只是对面试中遇到的一个记不清楚的问题的复习,鉴于是俺第一次在cnblog上发文,所以装了防护盾,请勿以任何方式扔板砖、菜刀之类物品. 今天去国内某知名公司面试了一把,投的职位是 前端开发,第一次去大公司面试,受到的感触当然是十分多[详细]
-
JavaScript数组实例:点击逐条读取文字
所属栏目:[模式] 日期:2018-08-23 热度:170
烈火网(LieHuo.Net)教程 一个 Java Script数组的应用例子,我们将文字存储于数组中,然后用循环依次输出这些文字,像一条一条的公告一样,不过现在都不这么用了,可以学习JS数组,算是一个实例参考。 titleJavaScript数组文字/titleformtable CELLSPACING=[详细]