在使用jquery的html（）方法时，有时候里面添加的html代码含有一些特殊字符，需要进行转义。 如下例子：inst_html = "<a style=color:white onmouseover = "; inst_html += "javascript:showme("+inst.instId+"_"+valId+");"; inst_html += " "; $("#inst_div_"+valId).html(inst_html); 如果这样直接写的话，在chrome和FF浏览器下，没有问题，但在IE8下会报错。 解决方法就是将javascript里面的进行转义改成，这样就不报错了。...
正则表达式替换任意html元素任意属性，或增加任意属性。 /*** 替换html中任意tag内任意attr值* @param src_str* @param tag* @param attr* @param val* @returns {*}*/ replace_html_tag_attr: function(src_str, tag, attr, val) {if(typeof src_str === undefined || typeof tag === undefined || typeof attr === undefined || typeof val === undefined) {return ;}var reg = new RegExp(< + tag + [^>]*( + attr + =[\\"](\\w...
滚轮事件是不同浏览器会有一点点区别，一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件，其他的浏览器滚轮事件使用mousewheel，下面我来给大家具体介绍。 Firefox使用DOMMouseScroll，其他的浏览器使用mousewheel。滚动事件触发时Firefox使用detail属性捕捉滚轮信息，其他的浏览器使用wheelDelta。不知道为何在该问题上其他厂商和微软的如此一致。Firefox可以使用addEventListener方法绑...
在html中引入外部js文件，并调用js文件中的带参函数 1 项目结构2 编写a.js、test.html //a.js function abc(str){alert(str); } //test.html <html> <head> <script type="text/javascript" src="a.js"></script> <script type="text/javascript">window.onload = function(){var fun = abc; //引用abc函数fun(123);};</script> </head><body> </body> </html>3 测试结果以上就是小编为大家带来的在html中引入外部js文件,并调用带参...
表格可以实现td中的元素垂直居中显示，但是前提条件必须定义td的高才可行。 但是很多时候会用到元素跟随浏览器的大小垂直居中，如在制作展示官网、活动展示网等等的时候。 问题： 实现div垂直居中并在缩放浏览器尺寸的时候仍然居中。 解决方案： 1、浏览器可视区域的高度-元素的高度/2 = 元素距离浏览器可视区域顶部的距离。 (bodyHeight – divHeight)/2 2、浏览器可视区域如果小于元素的高度，即元素距离浏览器可视区域顶部的距离...
JavaScript获取IE版本代码： var gIE = getIE();alert(gIE.version)function getIE() {var rmsie = /(msie) ([\w.]+)/;var ua = navigator.userAgent.toLowerCase();var match = rmsie.exec(ua)var result = {};if (match && match.length > 0) {result = { browser: match[1] || "", version: match[2] || "0" }}return result;}如果兼容IE版本而用兼容模式出错，可以用如下代码：<meta http-equiv="x-ua-compatible" content="IE...
常见的获取元素的方法有3种，分别是通过元素ID、通过标签名字和通过类名字来获取。 getElementById DOM提供了一个名为getElementById的方法，这个方法将返回一个与之对应id属性的节点对象。使用的时候请注意区分大小写。 它是document对象特有的函数，只能通过其来调用该方法。其使用的方法如下： document.getElementById(demo) //demo是元素对应的ID该方法兼容主流浏览器，甚至包括IE6+，可以大胆使用。 getElementsByTagName 该...
如下所示： <!-- 不能把JavaScript写在这个头部来改变html的内容 --> <!-- 不能把JavaScript写在定义pid的前面来改变html的内容--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js改变html的内容</title>...
利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。方法一： document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。方法二： document.getElementById("EleId").style.display="none"; document.g...
方法一： 用的浏览器内部转换器实现转换，方法是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText，然后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串。 function HTMLEncode ( input ) { var converter = document.createElement("DIV"); converter.innerText = input; var output = converter.innerHTML; converter = null; return output; } 当 然，还可以用相同的方法实现对字...
1. setCapture 简介setCapture可以将鼠标事件锁定在指定的元素上，当元素捕获了鼠标事件后，该事件只能作用在当前元素上。 以下情况会导致事件锁定失败： 当窗口失去焦点时，锁定的事件，自动就会取消。alert也会导致事件的锁定取消。解决办法是在alert之后再次锁定。鼠标右键也会导致事件解锁。setCapture只可以作用于以下事件： onclickondblclickonmousedownonmouseuponmouseoveronmouseout setCapture不可作用于键盘等其它事件...
【问题描述】 AngularJS的强大之处之一就是他的数据双向绑定功能----->ng-bind和针对form的ng-model 但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签 AngularJS输出html的时候，浏览器并不解析这些html标签 通过api，发现通过指令 ng-bind-html来实现html的输出。 <div class="col-md-12 ng-binding" ng-bind-html="item.content "> 但是并不起作用，浏览器中显示的还是html代码。 【解决办法】 后来...
子节点的个数： document.getElementById("id").childNodes.length注意： 标签开/闭合算2个节点 第几个子几点： document.getElementById("id").childNodes[n] 示例： 这里是 length-4 处，margin-left：20px 输出：length=8 实例： <div id="page_kx" style="text-align: center;" class="tac"><span class="fy2">1</span> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">下一页</a> <a h...
使用JQuery，可以很容易的选择THML元素。但在有些时候，HTML结构比较复杂的时候，提炼我们选择的元素就是一件比较麻烦的事情。 1、children 这个函数得到一组元素的直接子级。 给children()传递一个选择表达式将选择结果缩小至选中的元素; 如果chilidren()每接受任何参数，将返回所有直接子级;不返回它的孙级元素。 2、filter 这个函数通过传递的选择表达式从一个集合中过滤元素。任何不匹配这个表达式的元素将从选择的集合中移除。...
Jquery属性遍历、HTML操作。 Jquery拥有可操作HTML元素和属性的强大方法。 下面是我整理的一些jquery遍历函数：.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素。.contents()获得匹配元素集合中每个元素的子元素，包括文本和注释节点。.each()对 jQuery 对象进...