Web开发网 > Web前端开发 > Web前端开发教程 > 原创博文
浏览器如何捕获输入控件正在输入的内容,onblur事件需要输入控件失去焦点后才能出发,有些时候又不希望用onkeydown或者onkeyup,这是考虑onpropertychange【IE】或者oninput【firefox】事件,能够捕获每次输入值的变化。 firefox的oninput还是不如IE浏览器下的onpropertychange事件好用,firefox下用JavaScript脚本设置输入控件的值并不会..
今天在CSDN看到一个ajax指定了提交方式为post,但是设置了content-type为text/plain的时,如何在提交的页面获取提交值的问题。由于content-type为text/plain,动态页并未帮你处理成键值对的形式,所以你得自己使用2进制流数据生成对应的string类型的数据。 1)要生成键值对形式,你得指定content-type为“application/x-www-form-urlenco..
firefox有selectionStart和selectionEnd属性,指示被选择的内容的开始和结束位置,如果没有选择,则selectionStart和selectionEnd一样。IE没有selectionStart selectionEnd属性,可以使用下面的代码扩展。+展开-HTMLinputonclick="selStart(this)"value="1,22,333,2,322,6,3321"/scripttype="text/javascript"functionselStart(o){if(docume..
搞幽啊,showModalDialog {url:} 放在script标签之间竟然变成了JS/Exploit-DialogArg.gen特洛伊木马程序,被麦咖啡给杀掉了,O(∩_∩)O哈哈~ 如果你的电脑安装有麦咖啡,只要将下面的内容保存在文本类型的文件里面,如.txt,.aspx..jsp等等里面,就会被识别为JS/Exploit-DialogArg.gen特洛伊木马程序,然后杀掉,script标签之间的js代码全..
经常混CSDN,发现ajax版块好多问题都是属性,方法,事件大小写不区分,导致程序运行出问题,或者在不同浏览器下效果不出来或者出错。 下面是ajax对象的一些常用属性,事件和方法 1)标准的ajax对象的属性有readyState,status,responseText,responseXML 2)非标准ajax对象属性,针对IE浏览器的,有responseBody,2进制数据流。如..
在csdn看到一个问题,挺有代表性的,也给了我个人的回复,转到我的博客来,O(∩_∩)O~。问题描述html里的ajax代码如下:$.get('figures.xml', function(data) { var $entry=$(data).find("entry:eq(0)"); var $text=$entry.find('name').text(); alert($text);});figures.xml代码如下:entries entry name姓名:XXX/name phone手机号..
关键词:IE6 IE7 IE8 本地资源 access is denied 拒绝访问 XMLHttpRequest ActiveXObject 在IE7,IE8中,如果双击运行html页面或者直接拖拽html静态页面进入IE7,IE8浏览器中运行查看ajax效果,在xhr对象调用open方法时会出现access is denied拒绝访问的错误,这个是因为IE7,IE8增加了Native XMLHTTP【XMLHttpRequest对象】支持,在IE7+浏览..
今天在写一个JavaScript效果时,使用了ID选择器,在IE7+浏览器,firefox,chrome测试后都没问题,结果在IE6中发现样式没起作用。刚开始还以为其他样式干扰了。后面查看ID,是以下划线开头,就是这个原因导致样式不起作用。IE6下css样式表ID选择器不能以下划线开头,+_+。。 测试代码如下+展开-HTML!DOCTYPEhtml/htmlheadmetahttp-equiv="..
JQuery实现的模块交换动画效果点击下载此附件源代码如下+展开-HTML!doctypehtmlhtmlheadmetahttp-equiv="content-type"content="text/html;charset=utf-8"/titleJQuery实现的模块交换动画效果/titlemetaname="Keywords"content="jquery,模块,交换,动画,javascript特效"/metaname="Description"content="JQuery实现的模块交换动画效果。在模块..
火狐浏览器的table控件没有同IE浏览器的moveRow方法,所以自己扩展了下Element的原型,将Firefox的moveRow方法加上,这样就可以使用了。测试代码如下+展开-HTML!DOCTYPEhtmlhtmlheadmetahttp-equiv="content-type"content="text/html;charset=utf-8"/title扩展Firefox下table控件的原型方法moveRow-extendfirefoxtableprototypemethodmoveRo..
在W3C浏览器下,如firefox或者google的chrome浏览器,如果给table设置了margin:0px属性,再设置align="center"时,发现会无法居中了。IE浏览器不会出现这个问题。⊙﹏⊙b汗 有可能是设置了margin后,table变成块级元素了,而不是行级元素。因为设置成margin:0px auto后,去掉align="center",居然可以居中。 发现这个问题还是因为同时..
在使用在iframe线编辑器时,不管是fckeditor还是ewebeditor,当插入表格的时候,单元格内会出现默认的内容【空格】。此时如果用表格来定位图片和图注时,这个表格里面的显示内容在不同浏览器下会出现不同的显示。 当插入表格的时候,当单元格里面没有内容时浏览器会自动用空格来填充单元格的内容,这个空格很难看到,所以再向单元格内继续..
在获取ajax对象的时候,如果是先判断activexobject,然后再是XMLHttpRequest,那么在IE浏览器下都会使用activexobject来创建ajax对象。此时如果要判断onreadystatechange事件是否为空时,如下面的这种语句,IE浏览器下会出错。+展开-JavaScriptif(xhr.onreadystatechange)//这样会在IE下出错xhr.onreadystatechange=null;//这样来释放onread..
关键字:表单,label,提交按钮,分组在IE浏览器和w3c浏览器,如Firefox的异同 label标签在w3c浏览器[如Firefox,google的chrome]下有分组的功能,点击label非第一个子节点的时候,会触发第一个子节点的相应的默认事件或者添加的对应的事件,IE下则不会。 依我自己的理解是,在w3c浏览器下,使用label作为控件容器时,只有对第一个子节点操..
关键字:表单,button标签按钮,input标签type属性为button的按钮,IE浏览器,w3c浏览器,Firefox,异同 当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。 但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任..
由于要插入客户广告,所以需要扩展fckeditor的自定义功能,具体原理可以参考这篇文章。扩展Fckeditor工具条--添加自定义功能按钮。不过修改的是源代码,然后再重新打包压缩。我是懒得再打包了,而且文章里面也没打包成功。 所以干脆直接修改打包压缩过的js文件fckeditorcode_gecko.js【非IE浏览器,如果不需要兼容非IE浏览器就不需要修改..
由于以前一直使用的是ewebeditor编辑器,会插入很多乱七八糟的代码,标记也清除不干净,可能使用的版本低,也不兼容Firefox。所以需要对编辑器进行升级,我对ewebeditor是由点失望了,所以改用fckeditor编辑器。 不过在上传文件的时候,fckeditor是以文件名原来的名字命名的,如果出现相同的文件名时,会自动在扩展名前加上(1)这些内容..
今天无意中发现fckeditor在Firefox下如果更改了实例名称后再刷新页面,会出现this.LinkedField is undefined错误。IE浏览器则不会出现这个问题。晕~~NND的,我还以为是脚本出问题了,将那段被压缩的js一个个展开来查看,大爷的。。。 不知道是Firefox的bug还是fckeditor的问题,+_+不过应该不会经常更新实例名称。 更改过fckeditor实例..
在IE浏览器下,DOM事件中不能执行函数名为start的函数,要不会出现“对象不支持此操作”的JavaScript脚本错误。 测试代码如下+展开-HTML!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlxmlns="http://www.w3.org/1999/xhtml"headmetahttp-equiv="Content-Type"c..
使用elm.height来获取高度,你这个obj对象需要有height属性。 但是使用elm.height来获取属性时需要注意,对于FF,你给div加上height属性,如果div height="100"这样的,你使用alert(div.height)得到的是undefined,因为ff下div没有height这种属性,height属于自定义的属性,需要使用getAttribute('height')才能获取到自定义属性。 但是..
在IE浏览器下,如果图片加了链接,并且同时需要给图片加热点的时候,链接会失效,无法点击,⊙﹏⊙b汗测试代码如下+展开-HTMLahref="//"imgsrc="//logo.jpg"border="0"usemap="#Map"/mapname="Map"id="Map"areashape="rect"coords="5,18,85,29"href="mailto:shaobo@chinabn.org"//map/aIE的bug还真多。没办法,只好用事件来解决这问题了,修改好..
当有2级域名使用iframe对象加载其他的信息的时候,要想自动调节iframe的高度,如果不进行一些设置,会出现跨域的问题。 这里说的是2级域名和对应的顶级域名直接实现跨域,而不是不同顶级域名和2级域名直接的跨域。 如我有一个顶级域名/,如果在/中的iframe用remark./2级域名来加载其他信息显示顶级域名或者其他javascript./这种2级域名上,..
今天在csdn看到一个问题,如果在onblur事件中直接调用document.activeElement元素,在IE下得到的焦点的是此对象的下一个兄弟节点,而在Firefox下既然是body元素,即使执行完函数后获取到焦点的确实是此对象的下一个兄弟节点。 测试代码如下+展开-HTMLscriptlanguage=javascriptfunctionchecknum(vNewValue,sOldValue,id){alert(document...
最新的jQuery1.4.2版本在使用ajax时存在一个严重的bug问题,如果指定dataType为json,竟然死活不进入success回调函数,而其他版本,如1.2.6是正常的,郁闷~ 其实不是bug,下载的API文档没有详细说明,导致以为是bug,说明参考最下面的文章。示例代码如下ajax请求的页面,test.asp+展开 -HTML%response.write?"{success:false,id:'"reques..
在前后端分离的解决方案中,模板起到了重要作用! 在使用Struts或Spring的后端中,使用Freemarker模板作为载体,能够非常有效的实现前后端的分离。 有人或许会认为使用前端模板一样可以实现此效果,而且实现的会更好。 如果单纯从技术和实现的角度去考虑,确实是使用前端模板效果会更好,前后端分离的会更彻底,但如果真的这样做,..
uncaught exception: [Exception... "Component returned failure code: 0x80520012 (NS_ERROR_FILE_NOT_FOUND) [nsIDOMHTMLFormElement.submit]" nsresult: "0x80520012 (NS_ERROR_FILE_NOT_FOUND)" location: "JS frame :: file:///C:/Documents%20and%20Settings/Administrator/%E6%A1%8C%E9%9D%A2/x.html :: anonymous :: line 11" data: no..
昨天帮同事修改一条新闻的内容,使用的是ewebeditor编辑器,发现如果内容全部为英文的时候,粘贴进入编辑器后会自动添加上font face=Verdana,指定字体样式的代码,⊙﹏⊙b汗。这样就和页面原始指定的字体不一样了。 后面查看了ewebeditor编辑器的代码,发现ewebeditor在IE下为了过滤word文档粘贴进来的内容,对剪贴板的内容进行了处理,..
今天在修改网上下载的新浪编辑器的一些功能时候,发现iframe编辑在IE下如果重新设置图片的长或者宽,会出现图片等比缩小或者放大的问题。 起因:由于iframe编辑器中,如果Firefox插入flash对象或者embed标签,不会显示在iframe编辑器内,即使设置了embed标签的或者宽,也不会占用位置,这样在Firefox下就无法查看视屏动画文件占用的位置了..
关键词:IE7 IE8 透明滤镜 alpha opacity 滤镜 在IE7+浏览器中使用透明滤镜alpha时,如果没有设置过浏览器的安全“二禁止脚本行为”为“允许”,透明效果是不显示出来的。 如下所示,一个lightbox的效果,在使用了透明滤镜后,没有显示出透明效果来。+展开 -CSS.lightbox{-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;backgrou..
示例效果点击这里查看源文件下载点击这里newschr.js源代码+展开 -JavaScript/*imgWidth:图片长,默认275pximgHeight:图片宽,默认215pxnumAlpha:数字导航透明度,0-1之间,默认为1,不透明numColor:数字导航颜色,默认为白色#fffnumBGColor:数字导航背景颜色,默认为黑色#000numFocusColor:获取焦点数字导航颜色,默认为白色#fffnumFocusB.. 首页 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] 下一页 尾页 16/19页,每页显示30条,共565条相关记录