前言 大家都知道angualrjs处于安全的考虑，插值 指令会对相应字符串进行过滤，避免出现html攻击。但是在一些时候，我们需要渲染html，比如实现一个分级的下拉框 代码如下： <body ng-app="app" ng-controller="controller"> <select ng-model="value" ng-options="t.text for t in testList"></select> <script src="/bootstrap/bootstrap/dist/angular-bootstrap/angular.js"></script> <script type="text/javascript">var app= ...
什么是HTML DOM 文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。 这篇文章不做深入研究，只把各种用法和坑做一个总结。JS获取DOM元素的方法（8种） 通过ID获取（getElementById）通过name属性（getElementsByName）通过标签名（getElementsByTagName...
本文实例讲述了jQuery实现在HTML文档加载完毕后自动执行某个事件的方法。分享给大家供大家参考，具体如下： 原来onchange=“fucntionname（parms）”； <select name="country" id="selCountries_{$sn}" onchange="region.changed(this, 1, selProvinces_{$sn})" style="border:1px solid #ccc;"><option value="0">{$lang.please_select}{$name_of_region[0]}</option><!-- {foreach from=$country_list item=country} --><option...
前言 最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html内容的时候，就可以通过wxParse来实现。准备工作： 首先我们下载wxParsegithub地址：https://github.com/icindy/wxParse 本地下载：http://xiazai.jb51.net/201704/yuanma/wxParse-master(jb51.net).rarwxParse 下载完之后我们需要用到目录下的wxPar...
本文实例讲述了JS正则获取HTML元素的方法。分享给大家供大家参考，具体如下： var html = $("#summaryTemplate").html(); var imageMath = /<img [^<,>]*(?=target-type=("|)replace("|))[^/,<,>]*\/>/; var scriptMath = /<script [^<,>]*(?=target-type=("|)replace("|))[^/,<,>]*><\/script>/; var linkMath = /<link [^<,>]*(?=target-type=("|)replace("|))[^/,<,>]*\/>/; alert(html.match(imageMath)); var ht="<img src=/1...
做前端的都知道，公司的项目在自己的电脑上搭建环境是挺麻烦的一件事情 首先：一般个人电脑没公司的配置性能好，其次：搭建公司项目在自己电脑涉及很多缓存环境，资源环境包，数据库等的限制，加起来够搞一天了（熟悉公司搭建的环境除外）就我自身公司而言情况是这样，我作为前端工程师， 前端目前是基于polymer——实现最近遇到的问题就是不知道自己写的页面有没有什么问题，但是要成功启动项目的tomcat才能看，因为这些页面无法直...
本文实例讲述了JS实现直接运行html代码的方法。分享给大家供大家参考，具体如下： 1、实例代码： <!DOCTYPE html> <html><head><meta charset=utf-8/><title>直接运行 html 代码</title></head><body><textarea style=width:300px;height:200px; id=txtCode></textarea><br/><input type=button value=直接运行 id=btnRun/><script>document.getElementById(btnRun).onclick = function(){var runHtml = document.getElementById(t...
页面上使用js写了一个获取后台数据的方法 function data() {var tab = $("#dic")$.ajax({url: ../demo.ashx?method=GetList,data: {},dataType: json,type: post,async: true,success: function (data) {//console.log(data);var parentStr = ;$.each(data, function (i, item) {//console.log(item.text);parentStr += "<div class=pull-right> <a class=morechange href=javascript:; style=visibility: visible;>更多+</a></div...
tablesort是一款很好用的jQuery表格排序插件。 支持多种数据类型排序，会自动识别表格内容数据类型，使用也非常方便。 使用jQuery tablesort实现html表格方法:1. 下载jQuery和tablesort脚本，并在html中引用该脚本文件：<script type="text/javascript" src="../jquery-latest.js"></script> <script type="text/javascript" src="../jquery.tablesorter.js"></script> 2. 格式化需要排序的html表格：a. 给需要排序的表格指定CCS类...
本文实例讲述了jQuery移除或禁用html元素点击事件常用方法。分享给大家供大家参考，具体如下： 移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。 一、CSS方法 .disabled { pointer-events: none; } 二、jQuery方法 方法一 $(this).click(function (event) { event.preventDefault(); }方法二 $(a).live(click, function(event) {alert("抱歉,已停用！");event.preventDefault(); });注：此方法中的live亦可...
今天用angular写table的时候，遇到了一个问题。在ng-repeat中，含有动态的html，而这些html中含有自定义指令。 因为希望实现一个能够复用的table，所以定义了一个指令myStandTable，指令代码大概如下： var myCommon = angular.module("myCommon",[]); myCommon.directive("myStandTable", function () {return {restrict: "A",templateUrl: "app/template/tableTem.html",transclude: false,replace: true,controller: function (...
本文实例讲述了JS实现改变HTML上文字颜色和内容的方法。分享给大家供大家参考，具体如下： 1. JavaScript <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE> Day 1 </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><script>// to change the color of an object.function changeCol...
本文实例讲述了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：这里再为大家提...
有 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事件，由鼠标或类似用户动作触...