摘要： 现在有一个需求如图所示，当用户勾选显示明文复选框时，要以明文显示用户输入的密码，去掉勾选时要变回密文，刚开始想到的就是修改输入框的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攻击。 这时就要用...