新手一枚,不会写什么高大上的博文,一些平时做的小练习,献丑代码: <!doctype html> <html><head><meta charset="utf-8"><title>无标题文档</title><style>* {margin: 0;padding: 0}#calendar {width: 210px;margin: 100px auto;overflow: hidden;border: 1px solid #000;padding: 20px;position: relative}#calendar h4 {text-align: center;margin-bottom: 10px}#calendar .a1 {position: absolute;top: 20px;left: 20px;}#cal...
本文实例讲述了JS实现加载时锁定HTML页面元素的方法。分享给大家供大家参考,具体如下: 在html加载时js锁定页面内所有input,textarea,select 具体js如下 index.js for(z=0;z<document.getElementsByTagName(input).length;z++) {document.getElementsByTagName(input)[z].setAttribute(disabled,disabled) } for(zz=0;zz<document.getElementsByTagName(textarea).length;zz++) {document.getElementsByTagName(textarea)[zz]....
前言 大家都知道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:这里再为大家提...