![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
yaoyanzhu
这个作者很懒,什么都没留下…
展开
-
jquery 选择器,模糊匹配
按姓名匹配 1,name前缀为aa的所有div的jquery对象 Js代码 $("div[name^='aa']"); 2,name后缀为aa的所有div的jquery对象 Js代码 $("div[name$='aa']"); 3,name中包含aa的所有div的jquery对象 Js代码 $(...原创 2015-04-18 14:58:03 · 198 阅读 · 0 评论 -
用js显示google地图总结
功能较全的一个,可显示地址,可以缩放,拖动(直接把代码复制下来即可)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>MyHtml2.html</title> <meta http-equiv="原创 2012-11-26 15:37:35 · 329 阅读 · 0 评论 -
js 计算浏览器宽度和高度
<!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/1999/xhtml"><head>&原创 2012-11-23 11:42:01 · 261 阅读 · 0 评论 -
js动态增加删除 Table 行
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>增加Table行</title> </head><原创 2012-08-07 10:59:19 · 69 阅读 · 0 评论 -
JavaScript 图片切割效果
序一(08/07/21)很久之前就在一个网站的截取相片的功能中看到这个效果,也叫图片裁剪、图片剪切(设置一下也可以做出放大镜等类似的效果)。当时觉得很神奇,碍于水平有限,没做出来。前些日子突然想做一个透镜效果,就突然想到了这个效果,于是找出当年“珍藏”的代码决定一尝所愿。序二(08/12/06)自上一个版本的图片切割效果出来后,虽然也经常看到“框架开发这个如何如何容...原创 2013-04-01 10:13:09 · 87 阅读 · 0 评论 -
JS动态控制鼠标位置,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/1999/xhtml"><head><meta h原创 2012-06-29 16:24:19 · 829 阅读 · 0 评论 -
CSS代替bordercolorlight与bordercolordark
CSS代替bordercolorlight与bordercolordark2009年08月25日 星期二 15:41我们可以使用bordercolorlight与bordercolordark 来设置Table的边框,使之变得漂亮; 1、 bordercolorlight与bordercol...原创 2012-06-11 15:51:15 · 147 阅读 · 0 评论 -
Javscript Json数据操作(数据增,删,改,查)
<!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/1999/xhtml"><meta http-equiv="Con.原创 2012-06-02 23:30:20 · 195 阅读 · 0 评论 -
jquery 导航代码,兼容IE6,IE7,FF,OPREA,谷歌
jquery 导航代码,兼容IE6,IE7,FF,OPREA,谷歌。自己修改其的BUG,特此保存以后研究。2010年05月21日 星期五 下午 3:00<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...原创 2012-06-02 23:04:45 · 80 阅读 · 0 评论 -
js window.onload 加载多个函数和追加函数
js window.onload 加载多个函数和追加函数 平时做项目 经常需要使用window.onload,用法如下:function func(){alert("this is window onload event!");return;} window.onload=func;或者如下:window.onload=function(){alert("this...原创 2012-05-27 23:36:07 · 83 阅读 · 0 评论 -
js去掉字符串前后空格的五种方法
第一种:循环检查替换[javascript]//供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 function trimLeft(s){ if(s == null) { return ""; } var whitespace = new String(" \t\n\r"); var str...原创 2012-05-24 13:48:56 · 1453 阅读 · 0 评论 -
enctype="multipart/form-data"中Form参数的获取
enctype="multipart/form-data"中Form参数的获取 博客分类:WebApache 如果表单使用enctype="multipart/form-data"方式提交,那么一般的request.getParameter(arg0)方法是无法获取Form参数的,思考ing,发现使用apache的common-fileupload...原创 2012-08-22 17:40:40 · 494 阅读 · 0 评论 -
图片大小 图片尺寸 计算
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <TITLE>演示图片等比例缩小</TITLE> <meta http-equi原创 2012-08-28 15:05:07 · 151 阅读 · 0 评论 -
select边框颜色修改兼容样式
<!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/1999/xhtml"><head><原创 2013-10-28 10:55:21 · 417 阅读 · 0 评论 -
window.addEventListener来解决让一个js事件执行多个函数
可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body中,也可以全放到window.onload中,但是这样并不是很方便,有时我们需要两个同时用到。这时就要用window.attachEvent和window.addEventListener来解决一下。 下面是一个解决方法。至于attachEvent和addEv...原创 2015-01-12 15:57:14 · 1182 阅读 · 0 评论 -
javascript中ie8/ie9不支持Array.indexOf解决办法
场景:js中判断一个string是否在一个js的数组中。方法: 代码如下复制代码if (['a', 'b', 'c'].indexOf(str) >= 0) { //do something}判断选择的文件的扩展名是否在指定的数组中: 代码如下复制代码var position = selectedFilePath.lastI...原创 2015-01-12 15:26:43 · 536 阅读 · 0 评论 -
任意美化你的文件域 <input type="file" /> 兼容各浏览器
样式: .fileInput{width:102px;height:34px; background:url(http://images.cnblogs.com/cnblogs_com/dreamback/upFileBtn.png);overflow:hidden;position:relative;} .upfile{position:absolute;top:-100px;}...原创 2013-08-31 16:23:20 · 189 阅读 · 0 评论 -
JS判断页面是否出现滚动条
当可视区域小于页面的实际高度时,判定为出现滚动条,即:if (document.documentElement.clientHeight < document.documentElement.offsetHeight) scroll = true;要使用 document.documentElement ,必须在页面头部加入声明:<!DOCTYPE html ...原创 2013-08-23 23:04:05 · 106 阅读 · 0 评论 -
实时Javascript开发框架Clouda、Meteor、Firebase对比
什么是实时Javascript开发框架?自从2009年Node.js横空出世以来,吸引了无数程序猿们的眼球:前端后端都用一样的语言来做开发是多么和谐完美的一件事儿,前端工程师们再也不用找写后端的大爷们配合调代码了。Node.js的强势是无须质疑的,基于Chrome的V8引擎、超低学习门槛、事件驱动、Socket.io、良好的模块管理工具,给Node.js带来了无限的想象空间。实时开发框架...原创 2014-05-21 10:57:16 · 84 阅读 · 0 评论 -
显示输入剩余字数
显示输入剩余字数var maxstrlen=160;function Q(s){return document.getElementById(s);}function checkWord(c,textId){ len=maxstrlen; var str = c.value; myLen=getStrleng(st...原创 2013-02-21 15:25:20 · 141 阅读 · 0 评论 -
div固定悬浮(左侧、右侧、任意相对位置)
e宝账--帮助中心function scrollx(p) { var d = document, dd = d.documentElement, db = d.body, w = window, o = d.getElementById(p.id), ie6 = /msie 6/i.test(navigator.userAgent), style, timer; i...原创 2013-01-08 15:14:10 · 5767 阅读 · 0 评论 -
怎么样让弹出的DIV显示在网页的中间?
怎么样让弹出的DIV显示在网页的中间? 2010-10-09 17:23:12| 分类: ASP.NET+SQL+HTML |字号 订阅 ...原创 2012-09-05 18:30:34 · 260 阅读 · 0 评论 -
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/1999/xhtml"><HEAD><TITLE&原创 2012-09-04 18:00:50 · 798 阅读 · 0 评论 -
document.body.clientHeight 取高度出错问题
有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句"hello world" , 也仍然取到720. 可是在XHTML中, 如果body 体中只有一行, 则docu...原创 2012-05-08 15:11:16 · 1584 阅读 · 0 评论 -
用js动态改变css样式表
用js动态改变css样式表 用setAttribute方法实现一个页面两份样式表的效果,具体方法如下: 第一步:在连接样式表的元素里定义一个id,例如 <link href="1.css" rel="stylesheet" type="text/css" id="css"> 我定义的id是css。 第二步:写一个js函数,代码如下: <script type="t原创 2012-05-03 16:12:26 · 116 阅读 · 0 评论 -
用radio实现checkbox的效果,再次点击后取消选择
<form name=”test” method=”POST”><input type=”radio” name=”a” value=”1″ onMouseOver=”chk=checked;” onClick=”checked=chk=!chk;”> 1<input type=”radio” name=”a” value=”2″ onMouseOver=”chk=c...原创 2011-08-30 17:29:22 · 464 阅读 · 0 评论 -
js中的replace问题和textarea回车符问题
在textarea中输入回车符 在js读取textarea中的值有\r\n然后到业务层转换到string中就有可能变成空格形式然后被存入数据库,当在取出此值的时候则会变成空格的形式,因此我们需要将不显示的\r\n替换一下。 在js取textarea的时候: 如果用var str = document.getElementById("textarea").value; ...原创 2011-05-03 11:46:29 · 163 阅读 · 0 评论 -
js 判断checkbox是否选中
[code="html"]无标题文档 function test(obj) { //alert(obj.value); //alert(obj.name); var cname = "BUKRS"; var ename = "PUR_ORG"; for(i=0;i原创 2010-09-19 15:12:37 · 117 阅读 · 0 评论 -
取得select的值value和文本text
[code="java"] 第0个 var selectObj = document.getElementById('selectId'); // 通过对象添加option selectId.add(new Option("第一个","1")) selectId.add(new Option("第...原创 2010-09-19 14:20:22 · 287 阅读 · 0 评论 -
javascirpt for使用方法
for="btnDesign",脚本的关联标签event="onclick",触发事件为单击alert("测试!")原创 2010-06-28 15:42:04 · 86 阅读 · 0 评论 -
javascript 获取url参数方法
通过window.location取得地址,然后再依据?和&进行拆分,分别取得这些参数值比如:var url = window.location.href ;var params = url.split("?")[1];var allParam = params.split("&");for (var i = 0; i < allParam.length ;i++) { ...原创 2010-09-02 16:47:55 · 92 阅读 · 0 评论 -
CheckBox如何多选
无标题文档 function test() { var value=""; //document.getElementsByName("value1").value; for(i=0;i原创 2010-08-16 11:35:44 · 279 阅读 · 0 评论 -
javascript判断是否有中文、数字或字母及回车键转换
//是否有中文function IsChDomain(argString){var flag=false;var compStr="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-1234567890";var length1=argString.length;for(var chrIndex=0;chrIndex=10...原创 2010-12-13 19:16:25 · 257 阅读 · 0 评论 -
Cookie相关(写入,读取,保存位置)
关于Javascript写入与读取Cookie的方法如下所示:function writeCookie(name, value, hours){ var expire = ""; if(hours != null){ expire = new Date((new Date()).getTime() + hours * 3600000); expire = "; expire...原创 2010-07-20 13:11:52 · 329 阅读 · 0 评论 -
动态加载JS脚本的4种方法
动态加载JS脚本的4种方法要实现动态加载JS脚本有4种方法:1、直接document.write[code="javascript"] document.write(""); [/code] 2、动态改变已有script的src属性[code="javascript"] s1.src="test.js" ...原创 2009-12-25 10:46:23 · 84 阅读 · 0 评论 -
CSS + TAB 滑动代码
<!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/1999/xhtml"><head><meta h原创 2011-09-09 14:42:16 · 615 阅读 · 0 评论 -
强烈推荐的一款CSS导航菜单
<!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/1999/xhtml"><head><meta h原创 2011-09-09 14:46:48 · 123 阅读 · 0 评论 -
如何使用JS来改变CSS样式
如何使用JS来改变CSS样式 方法: document.getElementById("xx").style.xxx中的所有属性是什么盒子标签和属性对照CSS语法(不区分大小写)JavaScript语法(区分大小写)borderborderborder-bottomborderBottomborder-bottom-color...原创 2012-05-03 13:43:52 · 91 阅读 · 0 评论 -
JS 获取本地文件夹的文件列表
一、功能实现核心:FileSystemObject 对象 要在javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。 二、FileSystemObject编程 使用FileSystemObject 对象进行编程很简单,一般要经过如下的步骤: 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。 (一)创建FileSyste...原创 2012-04-27 15:07:19 · 2002 阅读 · 1 评论 -
js 获取浏览器高度和宽度值(多浏览器)
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域...原创 2012-04-27 00:10:24 · 54 阅读 · 0 评论