您的位置:首页 > Web前端 > JavaScript

随手记录的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通过正则表达式,替换所有的匹配字符

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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: