摘要: 现在有一个需求如图所示,当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,刚开始想到的就是修改输入框的type来决定显示明文还是密文,使用jQuery的attr来做试验,测试结果是chrome,Firefox,ie9+都是好的,在ie8以下就会报错,查找了下原因,ie8中是不允许修改input的type属性,最终换了种思路实现。当勾选显示明文时替换输入框为type="text",不勾选时在将输入框替换为type="password",...
点击select里面的option,将其赋值到上面的input,直接用jQuery写的,问题是在用IE8打开的时候,点击option没有任何反应。实现的效果比较常见的一种,点击select里面的option,将其赋值到上面的input,直接用jQuery写的:$("#cardNoList option").click(function(){ $("#card").attr("value","").attr("value",this.value); })有个奇怪的事情,由于面向的用户基本上都是用的360浏览器这类国内双核浏览器,加了本机Eclipse跑是用的...
IE8支持function.bind()方法if (!Function.prototype.bind) { Function.prototype.bind = function (oThis) { if (typeof this !== "function") { throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable"); } var aArgs = Array.prototype.slice.call(arguments, 1), fToBind = this, fNOP = function () {}, fBound = function () { return fToBind.apply(this instanceof fNOP &...
本文实例讲述了IE8中动态创建script标签onload无效的解决方法。分享给大家供大家参考。具体分析如下: 今天做项目,发现一个奇怪的问题,动态创建的script标签在IE8下无法触发onload事件。 代码如下:代码如下:var loadJs = function(src, fun){ var script = null; script = document.createElement("script"); script.type = "text/javascript"; script.src = src; if(typeof fun === "function"){ script.onload = fun; } docum...
本文实例讲述了自定义函数实现IE7与IE8不兼容js中trim函数的方法。分享给大家供大家参考。具体实现方法如下:test String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); } function check(){ var str = document.getElementById("test").value; alert(str.trim()); } 这样就解决了IE上js不支持trim的问题。 希望本文所述对大家的javascript程序设计有所帮助。
案例:无标题文档function look() {//alert($("form input[type=file]").val())alert($("input[name=test]").upload("getFileVal"))}function clean() {$("input[name=test]").upload("clean")}function ajaxSubmit() {$("input[name=test]").upload({url: 'index.aspx',// 其他表单数据params: { name: 'pxblog' },// 上传完成后, 返回json, textdataType: 'json',onSend: function (obj, str) { return true; },// 上传之后回调o...
本文主要通过代码示例给大家介绍IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题;分步介绍,先给大家介绍IE7浏览器窗口大小改变事件执行多次bug,具体问题分析及解决方案请看下文。var resizeTimer = null; $(window).resize(function() {if (resizeTimer) clearTimeout(resizeTimer);resizeTimer = setTimeout("alert('mm')", 500); });还有一个通过判断变量的奇偶来解决(感觉这方法还行) 代码如下:var n=0; ...
png24格式的图片在用jQuery添加显示隐藏动画时发现,图片的半透明区域出现黑边?在网上搜了搜主要有以下几种办法: 1、把图片保存成PNG-8格式。 2、把背景色一起切入并保存为JPG格式。 以上两种方法我试了试,好像效果并不好png8格式仍就会有黑边。 解决方法: 1、不要直接改变图片的透明度,而是给图片套个容器,去修改这个容器的透明度 2、给这个容器加个颜色相近的背景颜色(非常重要,解决bug的关键就在这一步,) 一般情况下,...
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。 HTML5的新标签元素有: 定义页面或区段的头部; 定义页面或区段的尾部; 定义页面或区段的导航区域; 页面的逻辑区域或内容组合; 定义正文或一篇完整的内容; 定义补充或相关内容;使用他们能让代码语义化更直观,而且更方便SEO优化。但是此HTML5新标签在IE6/IE7/IE8上并不能识别,需...
近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等,bootstrap都已经预先定义好了,当我们制作网页上,只需直接调用里面的css即可bootstrap是一个响应式的布局,你可以在宽屏电脑、普通电脑,平板电脑,手机上都得到非常优秀的布局体验。这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能...
本文实例讲述了jQuery实现的鼠标拖动画矩形框。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"> <head><title>鼠标拖动画矩形</title><meta http-equiv="content-type" content="text/html;charset=utf-8"><script src="http://libs.baidu.com/jquery/2....
上一篇中的方法在 webpack 更新后,uglify 缓存地址也发生了变化,需要重新找地址。 后来测试发现不论是 uglify-js2 uglify-js3 都是支持 IE8 兼容处理的。 但在 webpack.optimize.UglifyJsPlugin 中加配置参数却无效。(webpack 的锅) 总不能每次都手动去找 webpack 缓存路径进行劫持吧,那要疯了。 UglifyjsWebpackPlugin 关键点依然在于UglifyjsWebpackPlugin 插件,但并不是内置的 webpack.optimize.UglifyJsPlugin 插件。 $ np...
我们都知道HTML5的input新属性有 placeholder="",那么这个不兼容IE低版本我们只能用脚本来写了。 首先HTML新建一个input <input type="text" class="input" value="请输入搜索内容" />然后我们再引入相应的js库,再使用jQuery <script src="js/jquery-1.8.3.min.js"></script><script>$(".input").bind({focus:function(){ if (this.value == this.defaultValue){ this.value=""; } }, blur:function(){ if (this.value == ""){ t...
javascript checkbox/radio onchange不能兼容ie8处理办法 在ie8下,checkbox的onchange没能实现触发自定义的函数,如何解决该问题,如下:function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $("input[type=checkbox]").click(function(){ this.blur(); //先失去焦点,执行你的自定义的操作 this.focus();//再获取焦点,是鼠标还在那个地方,好进行下一步的操作 }) } } 在 相应设置的页面进行引用即可:$(function(){ ...
在非html5的情况下是无法用ajax把文件推送到后端的,只能通过form表单提交。但是form表单提交后浏览器会根据响应头与状态码对当前页面进行渲染、下载或跳转等行为,返回text、html、json等类型的内容时浏览器会对当前页面进行渲染,相当于刷新。 所以基本思路很简单,提交上传文件表单时,让浏览器转移到iframe处理响应信息,响应信息嵌入一段js代码,这段js代码调用当前页面的一个方法就可以实现回调,类似于xss攻击。 这时就要用...