![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 61
iteye_11613
这个作者很懒,什么都没留下…
展开
-
DOM元素 onScrollToBottom监听示例
<!DOCTYPE html><html lang="zh-cn"><head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>下拉滚动条滚到底部了吗?</title2015-04-27 15:20:35 · 936 阅读 · 0 评论 -
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/ <!DOCTYPE html PUBLIC "-//...原创 2013-04-13 22:12:49 · 232 阅读 · 0 评论 -
js控制div弹层、遮罩《转》
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> ..原创 2013-04-13 21:39:56 · 115 阅读 · 0 评论 -
下一代Jquery模板-----JsRender 《转》
在ASP.NET MVC利用PagedList分页(二)PagedList+Ajax+JsRender中提到了JsRender。JsRedner和JsViews(JsViews是再JsRender基础上的进一步封装)被称为下一代的Jquery模板,官方地址:https://github.com/BorisMoore/jsrender;https://github.com/BorisMoore/...原创 2013-04-11 21:08:11 · 164 阅读 · 0 评论 -
Javascript文件加载:LABjs和RequireJS
传统上,加载Javascript文件都是使用<script>标签。<!-- /div --><!-- div id="more" class="asset-more" -->就像下面这样: <script type="text/javascript" src="example.js">&am原创 2013-04-11 16:37:27 · 95 阅读 · 0 评论 -
knockoutJs 报Uncaught TypeError: Cannot read property 'nodeType' of null错误解决方案
用knockoutJs与第三方UI插件绑定,这个问题困扰了我好几天,头都大了,经过向群里一位大神讨教,终于实现了knockoutJs与easyui的dataGrid 绑定,喜若狂啊喜若狂! But!就在这前一刻,我还在为这个错误挠头抓耳:经过谷歌,终于在http://stackoverflow.com/questions/912801...2013-04-10 12:29:26 · 1197 阅读 · 1 评论 -
JS脚本:javascript for循环从入门到偏门(效率优化+奇特用法)
一,for循环的基本写法 代码如下: for(var i=1;i<=10;i++) { alert(i); } 这段代码太简单了,我都不好意思拿出手。代码的执行结果是依次弹出1到10, PS:在早期的IE如IE6中,你把10改成10000,就能让用户一直点确定什么也不能干了哈哈——不要说是我出的主意。 由于这是一篇基础课程...原创 2013-04-02 17:12:12 · 178 阅读 · 0 评论 -
JavaScript trim函数大赏
W3C那帮人的脑袋被驴踢了,直到javascript1.8.1才支持trim函数(与trimLeft,trimRight),可惜现在只有firefox3.5支持。由于去除字符串两边的空白实在太常用,各大类库都有它的影子。加之,外国人都很有研究精神,搞鼓了相当多实现。实现1String.prototype.trim = function() {ret...原创 2013-03-28 13:12:35 · 62 阅读 · 0 评论 -
IndexedDB 工具类
var dbUtil = function () { var dbInfo={ dbName:"Wei_You_DB", // 名称 dbVersion:"1.0"// 版本 }; var $this = this; var db; var indexedDB = window.indexedDB || ...原创 2014-06-26 21:18:00 · 567 阅读 · 0 评论 -
Web SQL Database工具类
注意:如果dbUtil内的方法要对外开放,则需在方法前面加 this. /*管理本地sql相关脚本*/var dbUtil = function () { var dbName = 'wydb'; //数据库名 var version = '1.0'; //版本信息 var description = 'wydb'; //描述 ...原创 2014-06-26 17:15:00 · 231 阅读 · 0 评论 -
去掉iframe横向滚动条_iframe滚动条
主页面加IFRAME SCROLLING="YES"子页面'让竖条消失: <BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN'> </BODY> '让横条消失: <BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'> </BODY>'还要去掉'子页面里的...原创 2013-01-07 17:06:56 · 462 阅读 · 0 评论 -
JQuery中根据属性或属性值获得元素
根据属性获得元素1.比如要获取页面p标签中属性有id的元素 $("p[id]").css("color","red");根据属性值获得元素1.$。在jQuery 中$("<span>"),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=value原创 2013-04-14 21:53:33 · 130 阅读 · 0 评论 -
Js与Jquery 判断一个元素是否存在
javascript 代码下判断 DOM 下是否存在某个元素if(document.getElementByIdx_x('but')){alert('元素存在');}else{alert('元素不存在');}但是在JQuery 下如判断某个元素是否存在.jquery 内置没有直接判断dom中某个元素是否存在的方法.$("#but") 获取到的是jquery 对象,...原创 2013-04-14 21:55:25 · 112 阅读 · 0 评论 -
HTML5 FileReader用法:图片预览、文本文件预览等
<!DOCTYPE html><html><head lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title&a原创 2015-04-03 16:54:52 · 192 阅读 · 0 评论 -
HTML5滤镜效果demo
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2015-03-31 17:32:35 · 374 阅读 · 0 评论 -
纯JS为DOM添加html字符串:appendHTML方法和prependHTML方法
appendHTML: HTMLElement.prototype.appendHTML = function(html) { var divTemp = document.createElement("div"), nodes = null // 文档片段,一次性append,提高性能 , fragment = document...原创 2015-03-31 16:42:03 · 4410 阅读 · 0 评论 -
实用的 Javascript 技巧
1. 取整同时转成数值型:'10.567890'|0结果: 10'10.567890'^0结果: 10-2.23456789|0结果: -2~~-2.23456789结果: -22. 日期转数值:var d = +new Date(); //12956984167923. 类数组对象转数组:var ar...原创 2014-10-09 11:39:11 · 79 阅读 · 0 评论 -
js querySelector和getElementById通过id获取元素的区别
代码如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id="02E503E2A1C011CFC85B7B701A0677EC0900000000000001">原创 2014-09-19 20:59:02 · 926 阅读 · 0 评论 -
JS判断浏览器类型与版本
1.只判断类型: if (!!window.ActiveXObject || "ActiveXObject" in window) { console.info("ie"); }else{ if(navigator.userAgent.indexOf("Chrome")!=-1||navigator....原创 2014-09-01 12:02:54 · 92 阅读 · 0 评论 -
js onkeypress与onkeydown 事件区别详细说明
本文将详细介绍js onkeypress与onkeydown 事件区别:一个放开一个没有放开,onkeydown先于onkeypress 发生,需要的朋友可以参考下:onkeypress 和 onkeydown 是有区别,下面将讲解 onkeypress 与 onkeydown 事件的区别。 onkeypress 事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭头键、功能键...原创 2014-08-07 22:47:25 · 298 阅读 · 0 评论 -
jquery的data()方法与html5中DOM标签的dataset属性异同
<div id="myModal" calss=".modal" data-h-m="youhhhhh" ></div><script> $(function () { console.info(2,$("#myModal").data("hM"));原创 2014-08-07 14:42:15 · 420 阅读 · 0 评论 -
判断JS对象是不是数组
Object.prototype.toString.call( obj ) === '[object Array]'原创 2014-07-19 13:03:56 · 260 阅读 · 0 评论 -
让页面滑动流畅得飞起来的新特性:Passive Event Listeners
function handler(event) { console.log(event.type); // log event type }document.addEventListener("mousewheel", handler, {passive:true});原创 2016-11-01 16:44:53 · 368 阅读 · 0 评论 -
JS创建操作GUID(转)
使用方法:1、 生成一个新GUID:var guid = Guid.NewGuid();2、 生成一个所有值均为0的GUID:a) var guid = new Guid();b) var guid = Guid.Empty;3、 比较两个GUID是否相等:g1.Equals(g2);4、 获取Guid的字符串形式。其中, for...原创 2014-03-20 16:25:16 · 548 阅读 · 0 评论 -
Javascript 时间格式化
Date.prototype.format =function(format) { var o = { "M+" : this.getMonth()+1, //month"d+" : this.getDate(), //day"h+" : this.getHours(), //hour"m+" : this.getMinute...原创 2014-02-23 21:46:58 · 82 阅读 · 0 评论 -
长按事件自定义
// $(".applist").on("touchstart",function(e){// var $el = $(this);//// if(this.id<1000)return false;// $el.attr("isTapping","true");// setTimeout(function(){// if($el.attr("isTappi...原创 2014-01-27 16:13:45 · 131 阅读 · 0 评论 -
详解IE11/chrome/firefox浏览器下Navigator各属性
<!doctype html><html><head> <meta charset="UTF-8"> <title>Navigator详解,IE11,chrome和firefox浏览器下</title> <script> //属性原创 2015-11-05 11:54:35 · 1623 阅读 · 0 评论 -
js 获取浏览器高度和宽度值(多浏览器)
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox...原创 2012-10-15 22:15:08 · 59 阅读 · 0 评论 -
js跨域调http接口(jsonp)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><input原创 2015-09-01 17:08:08 · 323 阅读 · 0 评论 -
JS 获取屏幕、浏览器、网页高度,宽度信息
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:...原创 2013-10-11 22:36:58 · 60 阅读 · 0 评论 -
JS基础普及:基本数据类型
1)基本类型---数字,采用IEEE754标准定义的64位浮点格式.特殊数值常量:Infinity 无穷大的特殊值NaN 非数字值Number.MAX_VALUE 可表示的最大数字Number.MIN_VALUE 可表示的最小数字...原创 2013-09-22 16:36:54 · 92 阅读 · 0 评论 -
判断电脑是否联网
function isOnline(){ var img = new Image(); img.id = "test_is_online"; img.onload = function(){ document.body.removeChild( document.getElementById("test_is_online"...原创 2015-07-21 16:21:52 · 222 阅读 · 0 评论 -
input text 的事件及方法
input text 的事件及方法引用功能被关闭了。事件 描述onactivate 当对象设置为活动元素时触发。onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。onbeforeactivate 对象要被设置为当前元素前立即触发。onbeforecut 当选中区从文档中删除之前在源对象触发。onbeforedeactivate 在 activeE...原创 2013-08-30 09:37:22 · 140 阅读 · 0 评论 -
利用JS,如何判断滚动条是否滚动到页面最底部
兼容 IE和chrome<script type="text/javascript"> window.onscroll=function(){ var a = document.documentElement.scrollTop==0? document.body.clientHeight : document.documentElement.c...原创 2013-08-10 16:21:27 · 246 阅读 · 0 评论 -
JavaScript语法支持严格模式:use strict”
如果给JavaScript代码标志为“严格模式”,则其中运行的所有代码都必然是严格模式下的。其一:如果在语法检测时发现语法问题,则整个代码块失效,并导致一个语法异常。其二:如果在运行期出现了违反严格模式的代码,则抛出执行异常。注:经过测试IE6,7,8,9均不支持严格模式。JavaScript代码“严格模式”使用方法:严格模式需要使用字符串序列: "use strict"...原创 2013-08-10 10:23:35 · 160 阅读 · 0 评论 -
$(function($){}) 和 (function($){})(jQuery);用法 区别
一、先看 jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready()方法。 二、再看 (function(){ })(jQuery); 其实际上是执行()(para)匿名方...2013-08-10 10:11:08 · 102 阅读 · 0 评论 -
正则表达式限制输入框输入
正则表达式限制输入框输入 正则表达式限制输入框只能输入数字 <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " name="f_order" value="1"/&g原创 2012-11-26 18:35:38 · 100 阅读 · 0 评论 -
通过js+css防止网页复制(不仅限于文字)
1、firefox下可以通过css来禁止选择复制功能<style type="text/css" media="screen"> body {-moz-user-select: none;-webkit-user-select: none;} </style>2、IE中需要用js来限制<script type=...原创 2012-12-04 20:46:11 · 285 阅读 · 0 评论 -
常用JS正则表达式及数据类型限制、判断
1. var reg = /^(\w|[\u4E00-\u9FA5])*$/; if(arr=username.match(reg)) { ti=1; return ture; } else { alert("用户名只允许为英文,数字和汉字的混合,\n请检查是否前后有空格或者其他符号"); ti=0; return false; } ...原创 2014-01-19 21:13:42 · 281 阅读 · 0 评论 -
Js阻止事件冒泡
function cancelBubble(evt) { // 阻止事件冒泡 if (window.event) { // Chrome,IE6,Opera window.event.cancelBubble = true; } else { // FireFox 3 evt.stopPropagation(); }}原创 2014-01-19 18:18:21 · 90 阅读 · 0 评论