【js】js文件(1)

【js】js资料(1)

事件源对象

捕获释放

事件按键

事件返回值

鼠标位置

窗体活动元素

绑定事件

访问窗体元素

窗体命令

窗体COOKIE

菜单事件

创建元素

根据鼠标获得元素：

窗体图片

窗体事件绑定

元素

对象绑定事件

插件数目

取变量类型

下拉框

查找对象

定时

UNCODE编码

父对象

交换表的行

替换CSS
document.all.csss.href = "a.css";

并排显示
display:inline

隐藏焦点
hidefocus=true

根据宽度换行
style="word-break:break-all"

自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">

简单邮件
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">

快速转到位置
obj.scrollIntoView(true)

锚
<a name="first">
<a href="#first">anchors</a>

网页传递参数
location.search();

可编辑
obj.contenteditable=true

执行菜单命令
obj.execCommand

双字节字符
/[^/x00-/xff]/
汉字
/[/u4e00-/u9fa5]/

让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;

透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>

获得style内容
obj.style.cssText

HTML标签
document.documentElement.innerHTML

第一个style标签
document.styleSheets[0]

style标签里的第一个样式
document.styleSheets[0].rules[0]

防止点击空链接时，页面往往重置到页首端。
<a href="javascript:function()">word</a>

上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer

释放内存
CollectGarbage();

禁止右键
document.oncontextmenu = function() { return false;}

禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>

禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>

禁止粘贴
<input type=text onpaste="return false">

地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标
<link rel="Bookmark" href="favicon.ico">

查看源码
<input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">

关闭输入法
<input style="ime-mode:disabled">

自动全选
<input type=text name=text1 value="123" onfocus="this.select()">

ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

文本框的默认值
<input type=text value="123" onfocus="alert(this.defaultValue)">

title换行
obj.title = "123 sdfs "

获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()

窗口是否关闭
win.closed

checkbox扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>

获取选中内容
document.selection.createRange().duplicate().text

自动完成功能
<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能

窗口最大化
<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">

无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");

统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码

表格行指示
<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">

//各种尺寸

s += "/r/n网页可见区域宽："+ document.body.clientWidth;
s += "/r/n网页可见区域高："+ document.body.clientHeight;
s += "/r/n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
s += "/r/n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "/r/n网页正文全文宽："+ document.body.scrollWidth;
s += "/r/n网页正文全文高："+ document.body.scrollHeight;
s += "/r/n网页被卷去的高："+ document.body.scrollTop;
s += "/r/n网页被卷去的左："+ document.body.scrollLeft;
s += "/r/n网页正文部分上："+ window.screenTop;
s += "/r/n网页正文部分左："+ window.screenLeft;
s += "/r/n屏幕分辨率的高："+ window.screen.height;
s += "/r/n屏幕分辨率的宽："+ window.screen.width;
s += "/r/n屏幕可用工作区高度："+ window.screen.availHeight;
s += "/r/n屏幕可用工作区宽度："+ window.screen.availWidth;

//过滤数字

//特殊用途

//不缓存

//正则匹配

//消除图像工具栏

//无提示关闭

//取得控件得绝对位置(1)

//获得控件的绝对位置(2)

//最小化,最大化,关闭

//光标停在文字最后

//页面进入和退出的特效

//网页是否被检索

//打印分页

//设置打印

//自带的打印预览

//去掉打印时的页眉页脚

//浏览器验证

//计算内容宽和高

//无模式的提示框

//屏蔽按键

//屏蔽打印
<style>
@media print{
* {display:none}
}
</style>

//移动的图层，拖动

//文档状态改变

//刷新后不变的文本框

//访问剪贴板

//操作COOKIE

//setTimeout增加参数

//自定义的apply,call

//下载文件

//检验连接是否有效

//POST代替FORM

//组件是否安装
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))

//检查网页是否存在

//连接数据库

//使用数据岛

//获得参数

//可编辑SELECT

//设置光标位置

//页内查找

//书

//操作EXECL

//自定义提示条

//插入文字

//netscapte下操作xml

//判断键值

//禁止FSO

//省略号

//检测media play版本

//图象按比例

//细线SELECT

//条件编译

//mergeAttributes 复制所有读/写标签属性到指定元素。

JavaScript[对象.属性]集锦

//取得innerText

//Import

//js枚举

//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成

/**
* added by LxcJie 2004.6.25
* 去除多余空格函数
* trim:去除两边空格 lTrim:去除左空格 rTrim: 去除右空格
* 用法：
* var str = " hello ";
* str = str.trim();
*/
String.prototype.trim = function()
{
return this.replace(/(^[/s]*)|([/s]*$)/g, "");
}
String.prototype.lTrim = function()
{
return this.replace(/(^[/s]*)/g, "");
}
String.prototype.rTrim = function()
{
return this.replace(/([/s]*$)/g, "");
}
/********************************** Empty **************************************/
/**
*校验字符串是否为空
*返回值：
*如果不为空，定义校验通过，返回true
*如果为空，校验不通过，返回false 参考提示信息：输入域不能为空！
*/
function checkIsNotEmpty(str)
{
if(str.trim() == "")
return false;
else
return true;
}//~~~
/*--------------------------------- Empty --------------------------------------*/
/********************************** Integer *************************************/
/**
*校验字符串是否为整型
*返回值：
*如果为空，定义校验通过，返回true
*如果字串全部为数字，校验通过，返回true
*如果校验不通过，返回false 参考提示信息：输入域必须为数字！
*/
function checkIsInteger(str)
{
//如果为空，则通过校验
if(str == "")
return true;
if(/^(/-?)(/d+)$/.test(str))
return true;
else
return false;
}//~~~
/**
*校验整型最小值
*str：要校验的串。 val：比较的值
*
*返回值：
*如果为空，定义校验通过，返回true
*如果满足条件，大于等于给定值，校验通过，返回true
*如果小于给定值，返回false 参考提示信息：输入域不能小于给定值！
*/
function checkIntegerMinValue(str,val)
{
//如果为空，则通过校验
if(str == "")
return true;
if(typeof(val) != "string")
val = val + "";
if(checkIsInteger(str) == true)
{
if(parseInt(str,10)>=parseInt(val,10))
return true;
else
return false;
}
else
return false;
}//~~~
/**
*校验整型最大值
*str：要校验的串。 val：比较的值
*
*返回值：
*如果为空，定义校验通过，返回true
*如果满足条件，小于等于给定值，校验通过，返回true
*如果大于给定值，返回false 参考提示信息：输入值不能大于给定值！
*/
function checkIntegerMaxValue(str,val)
{
//如果为空，则通过校验
if(str == "")
return true;
if(typeof(val) != "string")
val = val + "";
if(checkIsInteger(str) == true)
{
if(parseInt(str,10)<=parseInt(val,10))
return true;
else
return false;
}
else
return false;
}//~~~
/**
*校验整型是否为非负数
*str：要校验的串。
*
*返回值：
*如果为空，定义校验通过，返回true
*如果非负数，返回true
*如果是负数，返回false 参考提示信息：输入值不能是负数！
*/
function isNotNegativeInteger(str)
{
//如果为空，则通过校验
if(str == "")
return true;
if(checkIsInteger(str) == true)
{
if(parseInt(str,10) < 0)
return false;
else
return true;
}
else
return false;
}//~~~
/*--------------------------------- Integer --------------------------------------*/
/********************************** Double ****************************************/
/**
*校验字符串是否为浮点型
*返回值：
*如果为空，定义校验通过，返回true
*如果字串为浮点型，校验通过，返回true
*如果校验不通过，返回false 参考提示信息：输入域不是合法的浮点数！
*/
function checkIsDouble(str)
{
//如果为空，则通过校验
if(str == "")
return true;
//如果是整数，则校验整数的有效性
if(str.indexOf(".") == -1)
{
if(checkIsInteger(str) == true)
return true;
else
return false;
}
else
{
if(/^(/-?)(/d+)(.{1})(/d+)$/g.test(str))
return true;
else
return false;
}
}//~~~
/**
*校验浮点型最小值
*str：要校验的串。 val：比较的值
*
*返回值：
*如果为空，定义校验通过，返回true
*如果满足条件，大于等于给定值，校验通过，返回true
*如果小于给定值，返回false 参考提示信息：输入域不能小于给定值！
*/
function checkDoubleMinValue(str,val)
{
//如果为空，则通过校验
if(str == "")
return true;
if(typeof(val) != "string")
val = val + "";
if(checkIsDouble(str) == true)
{
if(parseFloat(str)>=parseFloat(val))
return true;
else
return false;
}
else
return false;
}//~~~
/**
*校验浮点型最大值
*str：要校验的串。 val：比较的值
*
*返回值：
*如果为空，定义校验通过，返回true
*如果满足条件，小于等于给定值，校验通过，返回true
*如果大于给定值，返回false 参考提示信息：输入值不能大于给定值！
*/
function checkDoubleMaxValue(str,val)
{
//如果为空，则通过校验
if(str == "")
return true;
if(typeof(val) != "string")
val = val + "";
if(checkIsDouble(str) == true)
{
if(parseFloat(str)<=parseFloat(val))
return true;
else
return false;
}
else
return false;
}//~~~
/**
*校验浮点型是否为非负数
*str：要校验的串。
*
*返回值：
*如果为空，定义校验通过，返回true
*如果非负数，返回true
*如果是负数，返回false 参考提示信息：输入值不能是负数！
*/
function isNotNegativeDouble(str)
{
//如果为空，则通过校验
if(str == "")
return true;
if(checkIsDouble(str) == true)
{
if(parseFloat(str) < 0)
return false;
else
return true;
}
else
return false;
}//~~~
/*--------------------------------- Double ---------------------------------------*/
/********************************** date ******************************************/
/**
*校验字符串是否为日期型
*返回值：
*如果为空，定义校验通过，返回true
*如果字串为日期型，校验通过，返回true
*如果日期不合法，返回false 参考提示信息：输入域的时间不合法！（yyyy-MM-dd）
*/
function checkIsValidDate(str)
{
//如果为空，则通过校验
if(str == "")
return true;
var pattern = /^((/d{4})|(/d{2}))-(/d{1,2})-(/d{1,2})$/g;
if(!pattern.test(str))
return false;
var arrDate = str.split("-");
if(parseInt(arrDate[0],10) < 100)
arrDate[0] = 2000 + parseInt(arrDate[0],10) + "";
var date = new Date(arrDate[0],(parseInt(arrDate[1],10) -1)+"",arrDate[2]);
if(date.getYear() == arrDate[0]
&& date.getMonth() == (parseInt(arrDate[1],10) -1)+""
&& date.getDate() == arrDate[2])
return true;
else
return false;
}//~~~
/**
*校验两个日期的先后
*返回值：
*如果其中有一个日期为空，校验通过, 返回true
*如果起始日期早于等于终止日期，校验通过，返回true
*如果起始日期晚于终止日期，返回false 参考提示信息：起始日期不能晚于结束日期。
*/
function checkDateEarlier(strStart,strEnd)
{
if(checkIsValidDate(strStart) == false || checkIsValidDate(strEnd) == false)
return false;
//如果有一个输入为空，则通过检验
if (( strStart == "" ) || ( strEnd == "" ))
return true;
var arr1 = strStart.split("-");
var arr2 = strEnd.split("-");
var date1 = new Date(arr1[0],parseInt(arr1[1].replace(/^0/,""),10) - 1,arr1[2]);
var date2 = new Date(arr2[0],parseInt(arr2[1].replace(/^0/,""),10) - 1,arr2[2]);
if(arr1[1].length == 1)
arr1[1] = "0" + arr1[1];
if(arr1[2].length == 1)
arr1[2] = "0" + arr1[2];
if(arr2[1].length == 1)
arr2[1] = "0" + arr2[1];
if(arr2[2].length == 1)
arr2[2]="0" + arr2[2];
var d1 = arr1[0] + arr1[1] + arr1[2];
var d2 = arr2[0] + arr2[1] + arr2[2];
if(parseInt(d1,10) > parseInt(d2,10))
return false;
else
return true;
}//~~~
/*--------------------------------- date -----------------------------------------*/
/********************************** email *****************************************/
/**
*校验字符串是否为email型
*返回值：
*如果为空，定义校验通过，返回true
*如果字串为email型，校验通过，返回true
*如果email不合法，返回false 参考提示信息：Email的格式不正！
*/
function checkEmail(str)
{
//如果为空，则通过校验
if(str == "")
return true;
if (str.charAt(0) == "." || str.charAt(0) == "@" || str.indexOf('@', 0) == -1
|| str.indexOf('.', 0) == -1 || str.lastIndexOf("@") == str.length-1 || str.lastIndexOf(".") == str.length-1)
return false;
else
return true;
}//~~~
/*--------------------------------- email ----------------------------------------*/
/********************************** chinese ***************************************/
/**
*校验字符串是否为中文
*返回值：
*如果为空，定义校验通过，返回true
*如果字串为中文，校验通过，返回true
*如果字串为非中文，返回false 参考提示信息：必须为中文！
*/
function checkIsChinese(str)
{
//如果值为空，通过校验
if (str == "")
return true;
var pattern = /^([/u4E00-/u9FA5]|[/uFE30-/uFFA0])*$/gi;
if (pattern.test(str))
return true;
else
return false;
}//~~~
/**
* 计算字符串的长度，一个汉字两个字符
*/
String.prototype.realLength = function()
{
return this.replace(/[^/x00-/xff]/g,"**").length;
}
/*--------------------------------- chinese --------------------------------------*/
/********************************** mask ***************************************/
/**
*校验字符串是否符合自定义正则表达式
*str 要校验的字串 pat 自定义的正则表达式
*返回值：
*如果为空，定义校验通过，返回true
*如果字串符合，校验通过，返回true
*如果字串不符合，返回false 参考提示信息：必须满足***模式
*/
function checkMask(str,pat)
{
//如果值为空，通过校验
if (str == "")
return true;
var pattern = new RegExp(pat,"gi")
if (pattern.test(str))
return true;
else
return false;
}//~~~
/*--------------------------------- mask --------------------------------------*/
/********************************** file ***************************************/
/**
* added by LxcJie 2004.6.25
* 得到文件的后缀名
* oFile为file控件对象
*/
function getFilePostfix(oFile)
{
if(oFile == null)
return null;
var pattern = /(.*)/.(.*)$/gi;
if(typeof(oFile) == "object")
{
if(oFile.value == null || oFile.value == "")
return null;
var arr = pattern.exec(oFile.value);
return RegExp.$2;
}
else if(typeof(oFile) == "string")
{
var arr = pattern.exec(oFile);
return RegExp.$2;
}
else
return null;
}//~~~
/*---------------------------------

//---------------------2007-07-27---------------------------------------------

层的隐藏与显示

只要设置style的display属性即可
比如<div style="display:none" id="MyDiv">隐藏的层</div>
如果要显示它可以通过脚本来控制
window.document.getElementById("MyDiv").style.display = "";

禁止右键

<body oncontextmenu="return false">

屏蔽页面中程序运行出错信息

window.onerror = function()
{
return true;
}

得到当前显示器的分辨率

window.srceen.width 得到屏幕的宽度
window.srceen.height 得到屏幕的高度
如果当前分辨率为800*600，window.srceen.width是800，window.srceen.height是600

定时运行特定代码

setTimeout(Code,Timeout);
setInterval(Code,Timeout);
Code是一段字符串，里边是js代码，Timeout是时间间隔，单位是微秒
setTimeout是从现在算起多少微秒后运行该代码（只运行一次）
setInterval是每隔多少微秒运行一次代码

得到本页网址

var Url = window.location.href;

保存当前页面的内容

document.execCommand("SaveAs","","C://index.htm");

■打开■
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■另存为■
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■属性■
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■打印■
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■页面设置■
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■刷新■
<input type=button value=刷新 name=refresh onclick="window.location.reload()">
■导入收藏■
<input type="button" name="Button" value="导入收藏夹" onClick=window.external.ImportExportFavorites(true,);>
■导出收藏■
<input type="button" name="Button3" value="导出收藏夹" onClick=window.external.ImportExportFavorites(false,);>
■加入收藏■
<INPUT name=Button2 onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夹>
■整理收藏夹■
<INPUT name=Submit2 onclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏夹>
■查看原文件■
<INPUT name=Button onclick=window.location = "view-source:" + window.location.href type=button value=查看源文件>
■语言设置■
<INPUT name=Button onclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=语言设置>
■前进■
<INPUT name=Submit onclick=history.go(1) type=submit value=前进>
■后退■
<INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退>

//-------------------------------------------------------------------

【js】js文件(1)

热点推荐