浅谈JQ中mouseover和mouseenter的区别 2016年09月19日 17 阅读 mouseenter事件只会触发一次,触发对象是注册对象或者注册对象的子元素mouseover事件可以触发多次,触发对象是注册对象或者注册对象的子元素<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><p>不论鼠...
js实现表单及时验证功能 用户信息立即验证 2016年09月19日 15 阅读 问题:表单怎么在输入后立即验证,而不是提交后再验证那么不方便(网上搜到的要么是模棱两可,要么是残缺不全…)方法:鉴于此,小可,水山奇,将其代码补全,加上小可我个人的理解(注释)在上面,仅供后来者少走弯路,也请各路好汉批评指正…(转发请注作者,xiexie)————table表格版,以后会继续有JQuery版…如果帮助到您,顶一下 ヾ(≧O≦)〃嗷~截图:代码:<!DOCTYPE html><html><head><...
JS判断浏览器是否安装flash插件的简单方法 2016年09月19日 16 阅读 1. 直接判断是否有flash插件var myFlash = (function(){if(typeof window.ActiveXObject != "undefined"){return new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}else{return navigator.plugins["Shockwave Flash"];}})();chrome:Edge浏览器中取消了window.A...
实例讲解JavaScript中call、apply、bind方法的异同 2016年09月19日 19 阅读 以实例切入,讲解JavaScript中call,apply,bind方法,供大家参考,具体内容如下 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript">function MAN(name, sex, age) {this.name...
js从数组中删除指定值(不是指定位置)的元素实现代码 2016年09月19日 14 阅读 引用自百度知道里面的一个问答例如数组{1,2,3,4,5}要把数组里面的3删除得到{1,2,4,5}js代码:<script type="text/javascript"> Array.pArray.prototype.indexOf = function(val) { //prototype 给数组添加属性for (var i = 0; i < this.length; i++) { //this是指向数组,this.length指的数...
javascript表单控件实例讲解 2016年09月19日 15 阅读 本文实例为大家分享js表单控件多个实例讲解,供大家参考,具体内容如下实例一:遍历表单的所有控件<script type="text/javascript">//遍历表单的所有控件function getValues(){var f = document.forms[0]; //获取表单DOMvar elements = f.elements; //获取所有的控件数组var str = "";//拼接字符串//循环遍历for(var i=0; i...
JavaScript鼠标特效大全 2016年09月19日 17 阅读 本文实例为大家分享了js鼠标特效实例代码,供大家参考,具体内容如下实例一:禁用鼠标右键<script type="text/javascript">//为文档的鼠标按下事件定义回调document.onmousedown = function(event){//判断事件的值是否为鼠标右键if (event.button == 2){alert("禁用鼠标右键!");//提示用户禁用鼠标右键}}</script>0 没按键 1 按左键...
利用bootstrapValidator验证UEditor 2016年09月19日 20 阅读 我们的项目使用了bootstrapValidator来作为前端校验,但是表单里面有一个UEditor,它用bootstrapValidator是没有效果的,为了页面风格统一,只要修修改改咯首先来看一下修改后的效果上面的UEditor是我们的业务需要调整成这样的,首先我们我们先把基本的结构写一写<form style="padding-top:15px;width:100%" id="defaultForm"><div class="col...
一步一步封装自己的HtmlHelper组件BootstrapHelper(二) 2016年09月19日 14 阅读 前言:上篇介绍了下封装BootstrapHelper的一些基础知识,这篇继续来完善下。参考HtmlHelper的方式,这篇博主先来封装下一些常用的表单组件。关于BootstrapHelper封装的意义何在,上篇评论里面已经讨论得太多,这里也不想过多纠结。总之一句话:凡事有得必有失,就看你怎么去取舍。有兴趣的可以看看,没兴趣的权当博主讲了个“笑话”吧。BootstrapHelper系列文章目录C#进阶系列——一步一步封装自己的HtmlHelper组件:Boo...
Angular ng-repeat 对象和数组遍历实例 2016年09月19日 16 阅读 直接上代码<!DOCTYPE html><html><head><meta name="description" content="[Ngrepeat in obj and arr]"><script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script> <m...
一步一步封装自己的HtmlHelper组件BootstrapHelper(三) 2016年09月19日 16 阅读 前言:之前的两篇封装了一些基础的表单组件,这篇继续来封装几个基于bootstrap的其他组件。和上篇不同的是,这篇的有几个组件需要某些js文件的支持。BootstrapHelper系列文章目录C#进阶系列——一步一步封装自己的HtmlHelper组件:BootstrapHelperC#进阶系列——一步一步封装自己的HtmlHelper组件:BootstrapHelper(二)C#进阶系列——一步一步封装自己的HtmlHelper组件:BootstrapHe...
Angularjs 制作购物车功能实例代码 2016年09月19日 14 阅读 初学angularJS 闲暇之余做了个小案例。功能:计算购物车商品的价格,以及删除购物车商品。以下是完整案例(jQuery和angularjs需要自己引入)<!doctype html><html ng-app="myApp"><head><meta charset="utf-8"><title>无标题文档</title><style>.cursors{cursor:poi...
JS组件系列之使用HTML标签的data属性初始化JS组件 2016年09月19日 14 阅读 前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就需要js的初始化,所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码,看着很闹心。于是想起bootstrap table里面的data属性来,如果能够直接在html里面使用data-*这种方式来初始化简单的组件,那该多爽。我们...
AngularJS 所有版本下载地址 2016年09月19日 13 阅读 AngularJS官网本身采用AngularJS库构建,页面中的AngularJS库通过Google的CDN(内容分发网络)引入,所以国内访问会有问题。大家可以从下面地址获取AngularJS所以版本: https://code.angularjs.org/各种版本应有尽有,上图为证: 补充说明:每个目录下有对应版本的压缩包,下载压缩包即可 更简单的方法:通过Npm包管理工具,或者Bower获取,请自行研究。以上就是AngularJS 版本下载的资料,后续...
Angular 应用技巧总结 2016年09月19日 16 阅读 angular的核心思想是通过数据驱动一切,其他东西都是数据的延伸.套用Javascript一切皆对象的思想,在angular中可以说一切皆数据. 关于项目构建 (1) requirejs以及Yeoman 在刚开始接触或者使用Angular的时候,总会疑惑与类似的问题,我实践的答案是不需要requirejs或者Yeoman.前者不使用,因为angular本身有module的实现.后者是因为Angular组织结构以及项目构建完全不必要弄得如此繁杂,手写或者...
javascript经典特效分享 手风琴、轮播图、图片滑动 2016年09月19日 14 阅读 最近都没有更,就来几个效果充实一下。都没有进行美化这步。纯css的手风琴:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>手风琴css</title> <style> .showBox{width: 660px;overflow: hidden; }ul{ list-style: non...
Angular Module声明和获取重载实例代码 2016年09月19日 14 阅读 module是angular中重要的模块组织方式,它提供了将一组内聚的业务组件(controller、service、filter、directive…)封装在一起的能力。这样做可以将代码按照业务领域问题分module的封装,然后利用module的依赖注入其关联的模块内容,使得我们能够更好的”分离关注点“,达到更好的”高内聚低耦合“。”高内聚低耦合“是来自面向对象设计原则。内聚是指模块或者对象内部的完整性,一组紧密联系的逻辑应该被封装在同一模块、对象等代码...
Angularjs CURD 详解及实例代码 2016年09月19日 18 阅读 Angularjs CURD 前言 基于一个手机端的项目使用了angularjs,硬着头皮去用,有很多的疑问还需要一一去验证,刚开始总是感觉找不到北,总是感觉有很多概念,而且似乎ng既夹杂MVC又夹杂MVVM的思想, 忙里偷闲敲了个简单的CURD demo。 当然顺着这个demo还可以延伸很多知识点,比如: 带分页查询、连接后台数据库、调用WebApi、分层使用Servcice、Factory。效果图<script type="text/javasc...
浅谈jQuery效果函数 2016年09月19日 13 阅读 jQuery有很多的效果可以实现,比如说淡入淡出的效果:<html> <head><style>#box{width:200px;height:200px;background:red;opacity:1;}</style></head><body><div id="box"></div><input type="button" value="隐藏/显示"...
使用JQuery中的trim()方法去掉前后空格 2016年09月19日 12 阅读 如下所示:function bt_submit(){ var $title = $.trim($("#title").val()); if($title=="") {ShowMessage("运营商名称不能为空","#ff0000");return; } document.all.form1.submit();}html代码如下:<tr><td width="18%" align="right">运营商名称:</td>&...