有 2 种方法可以实现 html 的定时页面跳转,1、meta refresh 实现。2、JavaScript 实现。 1、通过 meta refresh 实现 3 秒后自动跳转到 http://www.cnblogs.com/wuxibolgs329/ 页面。 <!doctype html><html><head><meta charset="utf-8"><title>前端笔记</title><meta http-equiv="refresh" content="3;url=http://www.cnblogs.com/wuxibolgs329/"></head><body></body> </html>2、通过 JavaScript 实现 8 秒后自动跳转到 http://w...
1 HTML的事件属性 全局事件属性:HTML 4 增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动 JavaScript。 a. Window 事件属性,针对 window 对象触发的事件(应用到 <body> 标签),常用的为onload。 b. Form事件,由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中):常用的为onblur、onfocus、onselect、onsubmit。 c. keybord事件 d.Mouse事件,由鼠标或类似用户动作触...
有的时候页面中会有一个输入框,用户输入内容后会显示在页面中,类似于网页聊天应用。如果用户输入了一段js脚本,比例:<script>alert(test);</script>,页面会弹出一个对话框,或者输入的脚本中有改变页面js变量的代码则会时程序异常或者达到跳过某种验证的目的。那如何防止这种恶意的js脚本攻击呢?通过html转义能解决这个问题。 一:什么是html转义? html转义是将特殊字符或html标签转换为与之对应的字符。如:< 会转义为 <> 或...
在使用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代码。 【解决办法】 后来...