学做Bootstrap的第一个页面 2017年02月06日 9 阅读 本文实例分享了第一个Bootstrap页面的实现代码,供大家参考,具体内容如下效果图:实现代码:<!DOCTYPE html><html> <head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><!--为了确保适当的绘制和触屏缩放,需要在 <...
js仿淘宝和百度文库的评分功能 2017年02月06日 9 阅读 本文实例为大家分享了类似于淘宝和百度文库的评分功能,js实现,供大家参考,具体内容如下效果如图:五个五角星分别放在了一个table的五列中。下面是一个<p>,用来显示评分结果的;代码如下:<body onload="changebg()"> <table border="0" align="center" cellpadding="0" cellspacing="0" id="maintable"><tr styl...
window.onload绑定多个事件的两种解决方案 2017年02月06日 9 阅读 前言有些函数,必须在网页加载完毕后执行。比如:涉及DOM操作的。网页加载完毕时会触发一个onload事件,将函数绑定到这个事件上即可。复制代码 代码如下:window.onload = myFunction;问题来了:如果需要同时绑定多个事件,该如何处理呢?有两种解决方法方案一创建一个匿名函数,来容纳需要绑定的多个事件,再讲这个匿名函数绑定到onload事件上window.onload = function(){firstFunction();second...
JavaScript代码性能优化总结篇 2017年02月06日 10 阅读 下面是我总结的一些小技巧,仅供参考。以下代码基本上在jQuery的源码里面都可以看到,如有说得不对的地方,请大家指出。尽量使用源生方法javaScript是解释性语言,相比编译性语言执行速度要慢。浏览器已经实现的方法,就不要再去实现一遍了。另外,浏览器已经实现的方法在算法方面已经做了很多优化。避免全局查找在一个函数中会用到全局对象存储为局部变量来减少全局查找,因为访问局部变量的速度要比访问全局变量的速度更快些。尽量减少循环次数少一层循环,就能提高数倍性能。...
基于jquery实现ajax无刷新评论 2017年02月06日 9 阅读 jquery实现ajax无刷新评论需要用的技术:(本次试验用的是“jquery-1.4.2.js”版本的jquery)$.post("一般处理程序路径",{以字典的形式传递参数},function(data,status){``````});jquery中的基本选择器操作;首先创建数据库“T_article”:主键设置自增;然后创建一个强类型的DataSet。接着创建一个“无刷新评论.aspx”页面:页面代码如下:<div><h2>...
javascript表单事件处理方法详解 2017年02月06日 9 阅读 本文实例为大家分享了javascript处理表单事件的常用方法,供大家参考,具体内容如下1、访问表单对象的常用方法:①:根据<form>元素的id属性;var myform=document.getElementById("myformid"); //myformid是某个<form>元素的ID;②:根据<form>元素的name属性;var myform=document.forms["myformname"]; ...
AngularJS学习笔记之依赖注入详解 2017年02月06日 9 阅读 最近在看AngularJS权威指南,由于各种各样的原因(主要是因为我没有money,好讨厌的有木有......),于是我选择了网上下载电子版的(因为它不要钱,哈哈...),字体也蛮清晰的,总体效果还不错。但是,当我看到左上角的总页码的时候,479页....479....479....俺的小心脏被击穿了二分之一有木有啊,上半身都石化了有木有啊,那种特别想学但是看到页码又不想学的纠结的心情比和女朋友吵架了还复杂有木有啊,我平常看的电子书百位数都不大于3的好伐!...
JavaScript代码性能优化总结(推荐) 2017年02月06日 9 阅读 下面是我总结的一些小技巧,仅供参考。以下代码基本上在jQuery的源码里面都可以看到,如有说得不对的地方,请大家指出。尽量使用源生方法javaScript是解释性语言,相比编译性语言执行速度要慢。浏览器已经实现的方法,就不要再去实现一遍了。另外,浏览器已经实现的方法在算法方面已经做了很多优化。避免全局查找在一个函数中会用到全局对象存储为局部变量来减少全局查找,因为访问局部变量的速度要比访问全局变量的速度更快些。尽量减少循环次数少一层循环,就能提高数倍性能。...
JavaScript禁止复制与粘贴的实现代码 2017年02月06日 9 阅读 该操作是网民日常的一些基本操作,但有些网站为了保护版权(如小说类、图片类),禁止用户执行这些操作,这样就可以防止用户将正在浏览的文本,通过复制、粘贴的方式进行传播了。oncopy事件:定义和用法oncopy 事件在用户拷贝元素上的内容时触发。提示: oncopy 事件在用户拷贝元素时也会触发,例如, 拷贝 <img> 元素。提示: oncopy 事件通常用于 type="text" 的 <input> 元素。提示: 有三种方式可以拷...
js流动式效果显示当前系统时间 2017年02月06日 9 阅读 本文实例为大家分享了js流动式时间的实现代码,供大家参考,具体内容如下效果图:实现代码:<!DOCTYPE html><html> <head><title>js流动时间</title><style type="text/css"> #divH, #divM, #divS {font-family: consal;line-height: 30px;position: absolute...
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结 2017年02月06日 9 阅读 补充:闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包 是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量闭包的缺点就是常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包是...
JavaScript判断用户名和密码不能为空的实现代码 2017年02月06日 9 阅读 JavaScript判断用户名和密码不能为空的实现代码<script language="javascript"><!--function VF_form1(){ //v2.0<!--start_of_saved_settings--><!--type,password,name,Password,required,true,errMsg,密码不能为空!--><!--type,text,name,User,r...
javascript实现起伏的水波背景效果 2017年02月06日 9 阅读 本文实例为大家分享了js水波背景效果的实现代码,供大家参考,具体内容如下效果图:实现代码:<!DOCTYPE html><html><head> <title>水波背景</title> <meta charset="gb2312" /> <style> html, body {width:100%; height:100%; padding:0; margin:0;} &l...
js判断登陆用户名及密码是否为空的简单实例 2017年02月06日 9 阅读 js判断登陆用户名及密码是否为空的简单实例<script type="text/javascript">// 验证输入不为空的脚本代码function checkForm(form) {if(form.username.value == "") {alert("用户名不能为空!");form.username.focus();return false;}if(form.password.value == "") {alert("密码不能为空!"...
阻止表单提交按钮多次提交的完美解决方法 2017年02月06日 9 阅读 如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行多次点击重复提交。onclick事件里面执行 $(this).attr("disabled","disabled"); 在点击一次后立马将按钮设置为不可使用。或者向如下方法另行定义一个jQuery函数来进行控制:$("f...
jQuery 常用代码集锦(必看篇) 2017年02月06日 9 阅读 1.选择或者不选页面上全部复选框var tog = false; // or true if they are checked on load$("a").click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog;});2. 取得鼠标的X和Y坐标$(document).mousemove(function(e){$(document).ready(functi...
js实现带农历和八字等信息的日历特效 2017年02月06日 9 阅读 自己也尝试着做了一下,收获蛮大,掌握了js日历特效的实现原理后,再想增加更多的功能,完全就可以自由发挥了,先在这里分享一下吧,有兴趣的可以试试!本文实例为大家分享了js实现带农历等信息的日历特效,代码量很大,供大家参考,具体内容如下效果图:实现代码:<HTML><HEAD><TITLE>万年历</TITLE><META content="农历; 阳历; 月历; 节日; 时区; 节气; 八字; 干支; 生...
移动端横屏的JS代码(beta) 2017年02月06日 9 阅读 废话不多说了,直接给大家贴代码了具体代码如下所示:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></scri...
Bootstrap所支持的表单控件实例详解 2017年02月06日 9 阅读 Bootstrap所支持的表单控件如下所示:Bootstrap 支持最常见的表单控件,主要是 input、textarea、checkbox、radio 和 select。输入框(Input)最常见的表单文本字段是输入框 input。用户可以在其中输入大多数必要的表单数据。Bootstrap 提供了对所有原生的 HTML5 的 input 类型的支持,包括:text、password、datetime、datetime-local、date、month、t...
bootstrap布局中input输入框右侧图标点击功能 2017年02月06日 9 阅读 使用bootstrap布局可以在input的输入框中添加譬如登录名输入框中的一键清除图标和密码输入框中显示密码的小眼睛图标,如下图: 但是在将图标放入input输入框中,这些小图标是无法获得点击事件的;那么问题来了,怎样让这些小图标能够获得点击事件呢?我也不知道,但是可以用一种迂回的方式,来间接的实现该功能。***重点来了:解决方案:在小图标的位置上,添加一个看不见的元素,元素的大小正好将小图标覆盖,但是没有背景颜色和边框;相当于给小图标盖了一个透明的被...