如下所示： <table class="exhibit_table" style="font-size:13px; text-align:left;"> <tr> <td style="width:80px;" align="right">上传计划单</td> <td style="padding:10px;"><input type="file" name="file" style="display:inline; width:180px;"/><button type="button" class="btn btn-success btn-xs" style="border-radius:4px; margin-top:-5px; margin-left:-4px;" onclick="plusFile()"> <i class="icon-plus icon-on...
详解HTML5 使用video标签实现选择摄像头功能 1. html // jquery reference // <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> // <input type="hidden" name="imgValue" id="imgValue" /> <button id="btnOpen1" class="btn btn-default" type="button" >Open WebCam</button> <select id="videoSource" ></select> <div id="vdoOne" style="display:none"> <video id="video" styl...
废话不多说了，具体代码如下所示： <html><head><script type="text/javascript" src="jquery-1.10.2.min.js"></script><script type="text/javascript">/** JQUERY 通过当前标签属性名，获取属性的值 */function attrsByJquery(obj){var v1 = $(obj).attr("dbname");var v2 = $(obj).attr("name");alert(v1);alert(v2);}/** JAVASCRIPT 通过当前标签属性名，获取属性的值 */function attrsByJs(obj){var v1 = obj.getAttribute(na...
最近在封装一个开源框架，已经写了500行， 已经具备jquery的大多数常用功能，后面还会扩展大量的工具函数和MVVM双向驱动等功能。跟jquery的使用方法完全一样，jquery的选择器，几乎都能支持，为什么说这事，跟这篇文章的主题有毛关系呢？因为这篇文章要讲的就是我在写框架过程中碰到的一个问题，封装jquery的after方法，支持DOM和html标签两种用法，html标签传参，我要把html解释成DOM结构，用DOM的方法插入. 首先，我们写个通用的...
-任何标签的任何属性都可以修改！ -HTML里是怎么写， JS就怎么写 以下是一段js 作用于 css 的 href的 代码 <link id="l1" rel="stylesheet" type="text/css" href="css1.css" rel="external nofollow" /> <script> function skin1() {var oL=document.getElementById(l1);oL.href=css1.css; }function skin2() {var oL=document.getElementById(l1);oL.href=css2.css; } </script><input type="button" value="皮肤1" onclick="ski...
angular js的强大之处之一就是他的数据双向绑定这一牛B功能，我们会常常用到的两个东西就是ng-bind和针对form的ng-model。但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签.对于angular 1.2一下的版本我们必须要使用$sce这个服务来解决我们的问题。它可以通过使用$sce.trustAsHtml()。该方法将值转换为特权所接受并能安全地使用“ng-bind-html”。controller(HealthEducationDetailCtrl, [$sce,$scope...
angularJS在进行数据绑定时默认是以字符串的形式数据，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止html标签的注入攻击，但有时候需要，特别是从数据库读取带格式的文本时，无法正常的显示在页面中。 而要对html进行转义，则需要在数据绑定的html标签中使用ng-bind-html属性，该属性依赖与$sanitize，也就是需要引入angular-sanitize.js文件，并在module定义时注入该服务ngSanitize。比如： html: <span...
本文实例讲述了JavaScript正则替换HTML标签功能。分享给大家供大家参考，具体如下： 1、说明 获取HTML字符串（包含标签），通过正则表达式替换HTML标签，输出替换后的字符串 2、实现JavaScript代码 function deleteTag() {var regx = /<[^>]*>|<\/[^>]*>/gm;var tagStr = $("#ul_li").html();alert("替换之前的字符串：" + tagStr);var result = tagStr.replace(regx,"");alert("替换之后的字符串：" + result); }3、运行结果 （1）...
如果不设置 href属性在IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a标签（IE下都存在这一问题）。 代码如下 <a href="javascirpt:fn(this)"> <a onclick="fn(this)"> 假定我们有个fn方法，需要取到这个元素，第一个方法传入的this是空值。 所以，比较推荐的写法是 代码如下 <a href="javascript:void(0)" onclick="fn(this)"> 下面代码则执行了subgo()函数， 代码如下 <a href="javascript:void(0)" onclick="subg...
简单说一下业务场景，前台用户通过input输入内容，在离开焦点时，将内容在div中显示。 这时遇到一个问题，如果用户输入了html标签，则在div显示中，标签被解析。 由于是纯前端操作，不涉及后端，因此需要通过js对输入内容进行转义。 这里提供一个非常简单有效的转义方案，利用了innerHTML和innerText 注：火狐不支持innerText，需要使用 textContent 属性，而IE早期版本不支持此属性，为了同时兼容IE及火狐，需要进行判断操作. 因...
本文实例讲述了javascript实现去除HTML标签的方法。分享给大家供大家参考，具体如下： <script type="text/javascript">String.prototype.stripHTML = function() {var reTag = /<(?:.|\s)*?>/g;return this.replace(reTag,"");}var sTest = "<b>this would be bold</b>";alert(sTest.stripHTML()); </script> <body> </body>？：非捕获性分组，不会创建反向引用，无需存储结果的开销。 尖括号 之间的内容不重要 PS：这里再为大家提...
前言 最近在工作中遇到一个问题，在网页中后台传来的json数据中包含html标签，将该json数据绑定到Vue.js中对象中，对该对象进行for循环，发现数据中的html标签不能被解析，而是当作字符显示出来。 问题如下所示：解决方法：Vue.js中提供了v-html这个指令来解决这个问题，或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象，就可以正常解析了。 代码改动如下：总结 以上就是这篇文章的全部内容了，希望本文的内容对大家都 学习或...
我自己写了一个正则表达式，<(.|\n)+?> 这个是替换所以HTML标签，非贪婪的，多行的。 如果我想替换得到所以非HTML标签， 我的代码就只能是这样,先找打HTML标签，然后将标签替换掉。 能不能直接找到非HTML标签呢。。 还有个问题就是，，截取字符串的长度。 我下面的这种方法，没有判断中文或者非中文，截取的长度总是有长有短。 不知道有没有好点的办法让截取的长度，一样长的，而不是str.Length的长度。public static string forma...
子节点的个数： 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...
前言：最近使用bootstrap组件的时候发现一个易用性问题，很多简单的组件初始化都需要在JS里面写很多的初始化代码，比如一个简单的select标签，因为仅仅只是需要从后台获取数据填充到option里面，可是从后台取数据就需要js的初始化，所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码，看着很闹心。于是想起bootstrap table里面的data属性来，如果能够直接在html里面使用data-*这种方式来初始化简单的组件，那该多爽。...