随手记录的js方法
2016-10-13 14:13
204 查看
1.关闭页面的方法
parent.$('#win').window('close');//关闭iframe的方法
$("#win").window('close', true);//关闭普通的easyui弹窗
2.刷新不同对象的页面
window.location.reload();//刷新当前页面.
parent.location.reload();//刷新父亲对象(用于框架)
opener.location.reload();//刷新父窗口对象(用于单开窗口)
top.location.reload();//刷新最顶端对象(用于多开窗口)
3.默认选中
$("#enable").attr("checked",'true');
4.placeholder属性
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
<input type="search" name="user_search" placeholder="Search W3School" />
5.(1).input中增加回车功能键
onkeydown="if(event.keyCode==13)searchByObjectName()"
(2).input中增加焦点事件
onfocus="javascript:if(this.value==\'请输入文件名称\')this.value=\'\';"
6.鼠标悬停事件
css中定位
#divall li:hover{background:url(file.png) center top no-repeat #f1f2fd;border:1px solid #a7aae3;}
js中获取值
onmouseover="getParams();"
7.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;i++){
if (form.elements[i].type == "text"){
form.elements[i].value = "";
}
}
8.大小写转换
字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();
9.alert弹窗是否确认
if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
10.离开本页面前弹窗
function verifyClose(){event.returnValue="欢迎下次再来";}
window.onbeforeunload=verifyClose;
11.window.history.back()返回上一页,
window.history.forward()返回下一页
12.标签注册事件 addListener
function addListener(element, e, fn) {
if (element.addEventListener) {
element.addEventListener(e, fn, false);
} else {
element.attachEvent(e, fn);
}
}
参数:
element:dom节点
e:event事件
fn:function方法
使用:
var inp = document.getElementById('inputCode');
addListener(inp, "onclick", function () {
inp.value = "";
});
addListener(inputCode, "onblur", function () {
inp.value = "请输入接收到的验证码";
});
<input id="inputCode" runat="server" class="ipt" type="text" value="请输入接收到的验证码"/>
兼容IE:
var addEvent = function(ele, type, fn) {
if (window.addEventListener) {
addEvent = function(ele, type, fn) {
ele.addEventListener(type,fn,false);
}
} else if (window.attachEvent) {
addEvent = function(ele, type, fn) {
ele.attachEvent(type,fn);
}
}
//执行
addEvent(ele, type, fn);
}
13.通过append追加,及删除
添加的时候给p标签加个id
给删除按钮增加个事件
14.js通过正则表达式,替换所有的匹配字符
15.js获取当前js文件的目录地址
16.js截取连个字符之间的内容
function cutstr(text, start, end) {
var s = text.indexOf(start)
if (s > -1) {
var text2 = text.substr(s + start.length);
var s2 = text2.indexOf(end);
if(s2 > -1) {
result = text2.substr(0, s2);
}else{
result = '';
}
}else{
result = '';
}
return result;
}
parent.$('#win').window('close');//关闭iframe的方法
$("#win").window('close', true);//关闭普通的easyui弹窗
2.刷新不同对象的页面
window.location.reload();//刷新当前页面.
parent.location.reload();//刷新父亲对象(用于框架)
opener.location.reload();//刷新父窗口对象(用于单开窗口)
top.location.reload();//刷新最顶端对象(用于多开窗口)
3.默认选中
$("#enable").attr("checked",'true');
4.placeholder属性
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
<input type="search" name="user_search" placeholder="Search W3School" />
5.(1).input中增加回车功能键
onkeydown="if(event.keyCode==13)searchByObjectName()"
(2).input中增加焦点事件
onfocus="javascript:if(this.value==\'请输入文件名称\')this.value=\'\';"
6.鼠标悬停事件
css中定位
#divall li:hover{background:url(file.png) center top no-repeat #f1f2fd;border:1px solid #a7aae3;}
js中获取值
onmouseover="getParams();"
7.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;i++){
if (form.elements[i].type == "text"){
form.elements[i].value = "";
}
}
8.大小写转换
字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();
9.alert弹窗是否确认
if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
10.离开本页面前弹窗
function verifyClose(){event.returnValue="欢迎下次再来";}
window.onbeforeunload=verifyClose;
11.window.history.back()返回上一页,
window.history.forward()返回下一页
12.标签注册事件 addListener
function addListener(element, e, fn) {
if (element.addEventListener) {
element.addEventListener(e, fn, false);
} else {
element.attachEvent(e, fn);
}
}
参数:
element:dom节点
e:event事件
fn:function方法
使用:
var inp = document.getElementById('inputCode');
addListener(inp, "onclick", function () {
inp.value = "";
});
addListener(inputCode, "onblur", function () {
inp.value = "请输入接收到的验证码";
});
<input id="inputCode" runat="server" class="ipt" type="text" value="请输入接收到的验证码"/>
兼容IE:
var addEvent = function(ele, type, fn) {
if (window.addEventListener) {
addEvent = function(ele, type, fn) {
ele.addEventListener(type,fn,false);
}
} else if (window.attachEvent) {
addEvent = function(ele, type, fn) {
ele.attachEvent(type,fn);
}
}
//执行
addEvent(ele, type, fn);
}
13.通过append追加,及删除
添加的时候给p标签加个id
var param = "被替换"; str = str.replace(new RegExp(param,'g'),"替换");
15.js获取当前js文件的目录地址
var jsPath=document.scripts; jsPath=jsPath[jsPath.length-1].src.substring(0,jsPath[jsPath.length-1].src.lastIndexOf("/")+1);
16.js截取连个字符之间的内容
function cutstr(text, start, end) {
var s = text.indexOf(start)
if (s > -1) {
var text2 = text.substr(s + start.length);
var s2 = text2.indexOf(end);
if(s2 > -1) {
result = text2.substr(0, s2);
}else{
result = '';
}
}else{
result = '';
}
return result;
}
相关文章推荐
- 20100918 学习记录:Javascript调用后台方法 vs JS调数据库二级联动
- 记录js获取获取DropDownList和RadioButtonList控件值的方法
- js使用cookie记录用户名的方法
- 记录:js删除数组中某一项或几项的几种方法
- js类库 一些常用方法记录
- Squid不记录部分内容css,js,图照片的日志的方法
- 有关于cocos js的碰撞方法记录
- 记录常用js方法
- JS基于cookie实现来宾统计记录访客信息的方法
- js基于cookie记录来宾姓名的方法
- iphone--js与oc通信记录几个实用方法
- 记录:js删除数组中某一项或几项的几种方法
- C#与js实现去除textbox文本框里面重复记录的方法
- JS常用方法记录
- jquery中ajax如何返回值到上层函数的方法以及对于js处理json对象方法的记录
- 【记录】用js调用flash的方法,IE6-8出现的问题
- JS调用ShowPopup方法弹框、窗口记录
- js的JSON新方法和历史记录管理
- js操作cookie保存浏览记录的方法
- 系列博文-Three.js入门指南(张雯莉)-网格 setInterval方法 requestAnimationFrame方法 使用stat.js记录FPS