- 浏览: 166868 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
crabboy:
goodhttp://veerle.duoh.com/comm ...
表格效果 -
lunvsxiao:
好呀,省的自己记那么多了。。
java常用正则表达式
1.让Iframe高度自适应
function page_resizeframe(){
try{
var o=parent.document.getElementById(window.name);
if(o){
o.height = document.body.scrollHeight;
}
}catch(e){}
}
在iframe的页面引用:
<body onload="page_resizeframe();">
2.获得以时间为种子的随机数
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
}
function rand(number) {
return Math.ceil(rnd()*number);
}
使用方法:rand(8);
3.隔行换色:
/*
*tab是页面中以'tab'为id的表格。
*/
css样例:
tr.t1 td {background-color:#eaf0fe;}/* 第一行的背景色 */
tr.t2 td {background-color:#ffffff;}/* 第二行的背景色 */
tr.t3 td {background-color:#51aaff;color:#ffffff;}/* 鼠标经过时的背景色 */
var Ptr=document.getElementById("tab").getElementsByTagName("tr");
function $() {
for (i=1;i<Ptr.length+1;i++) {
trObj = Ptr[i-1];
trObj.className = (i%2>0)?"t1":"t2";
trObj.onclick = resetBgColor(trObj);
}
}
window.onload=$;
var oldObj;
var oldClassName = "";
function resetBgColor(obj){
if(obj!=oldObj){
if(typeof(oldObj)!="undefined"){
oldObj.className = oldClassName;
}
var tempObj = obj.parentNode;
oldClassName = tempObj.className;
tempObj.className = "t3";
oldObj = tempObj;
}
}
4. 经典的时间控件
http://www.my97.net/dp/index.asp
5. 经典的弹出窗口
greybox
shadowbox
6.onbeforeunload与onunload事件
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。
用法:
·object.onbeforeunload = handler
·<element onbeforeunload = “handler” … ></element>
描述:
事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。
·关闭浏览器窗口
·通过地址栏或收藏夹前往其他页面的时候
·点击返回,前进,刷新,主页其中一个的时候
·点击 一个前往其他页面的url连接的时候
·调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
·重新赋予location.href的值的时候。
·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素:
·BODY, FRAMESET, window
平台支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
示例:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>onbeforeunload测试</title>
<script>
function checkLeave(){
event.returnValue="确定离开当前页面吗?";
}
</script>
</head>
<body onbeforeunload="checkLeave()">
</body>
</html>
用法:
·object.onbeforeunload = handler
·<element onbeforeunload = "handler"></element>
当用户关闭一个页面时触发 onunload 事件。
·关闭浏览器窗口
·通过地址栏或收藏夹前往其他页面的时候
·点击返回,前进,刷新,主页其中一个的时候
·点击 一个前往其他页面的url连接的时候
·调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
·重新赋予location.href的值的时候。
·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
示例:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>onunload测试</title>
<script>
function checkLeave(){
alert("欢迎下次再来!");
}
</script>
</head>
<body onunload="checkLeave()">
</body>
</html>
7. js禁用右键和选择
onselectstart="return false" oncontextmenu="return false"
使用方法:<body onselectstart="return false" oncontextmenu="return false">
window.print() 实际上,是浏览器打印功能菜单的一种程序调用。与点击打印功能菜单一样,不能精确分页,不能设置纸型,套打的问题更加无从谈起,只不过,可以让用户不用去点菜单,直接点击网页中的一个按钮,或一个链接里面调用罢了。事实上,很多用户都是采用这种方式打印,但是这种方式最致命的缺点是不能设置打印参数,比如纸型,页边距,选择打印机等等。
需要指出的是这种方法提供一个打印前和打印后的事件onbeforeprint、onafterprint。可以在打印前的时候重新编辑一些格式,专门送去打印,打印后又处理回来。
function window.onbeforeprint()
{
//将一些不需要打印的隐藏
}
function window.onafterprint()
{
//放开隐藏的元素
}
通过这两个方法,就可以实现页面的部分打印
9. js写入javascript代码
document.write(unescape("%3Cscript src='" + js文件路径 + "' type='text/javascript'%3E%3C/script%3E"));
这种方法能避免写入的JS无效。
10. 限制textarea的字数
function checkTxtArea(obj,maxlimit){
var charcnt = obj.value.length;
if (charcnt > maxlimit) {
obj.value = obj.value.substring(0, maxlimit);
}
}
<textarea id="signature" name="signature" class="tx"
onKeyDown="checkTxtArea(this,20)"
onKeyUp="checkTxtArea(this,20)"
onFocus="checkTxtArea(this,20)"></textarea>
11.控制选取和右键
function onselstaCtl(){
var the = event.srcElement ;
//通过body的onselectstart属性,控制页面内容的可选状态。
//标签是 input text 以及 文本域textarea 的,均为可以选择项目。
if( !( ( the.tagName.toLowerCase()== "input" && the.type.toLowerCase() == "text" )
|| the.tagName.toLowerCase()== "textarea"
|| the.tagName.toLowerCase() == "select") ){
return false;
}else{
return true ;
}
}
使用方法:
<body onselectstart="return onselstaCtl();" oncontextmenu="return false">
另一种方法:将下面的文件保存为js,在页面导入即可
----------------------
//屏蔽按键
function initial(){
document.onkeydown=function()
{
try{
if((event.altKey)
|| ((event.keyCode==8) && (event.srcElement.type!="text" && event.srcElement.type!="textarea" && event.srcElement.type!="password"))
|| ((event.ctrlKey) && ((event.keyCode==78) || (event.keyCode==82)))
|| (event.keyCode==116))
{
event.keyCode=0;
event.returnValue=false;
}
}catch(e){}
}
}
function addEvent(obj, type, fn)
{
if (obj.attachEvent)
obj.attachEvent('on' + type, fn);
else
obj.addEventListener(type, fn, false);
}
addEvent(window, "load", initial);
-------------------------
-------------------------------------------------------------------
不断补充中: 最近工作较忙,以后会把经常用到的js共享到这里。希望对大家有所帮助。
- 控制TextArea的字数.rar (841 Bytes)
- 下载次数: 0
发表评论
-
js event.keyCode
2011-12-02 17:13 678keycode 8 = BackSpace BackSpace ... -
js event.keyCode
2011-12-02 17:06 2keycode 8 = BackSpace BackSpace ... -
IE6下png透明处理心得
2011-11-24 12:41 1267首先说明一下,网上处理IE6下png透明的方法有很多,但无外乎 ... -
不使用中间变量,交换int型的 a, b两个变量的值
2011-02-22 18:08 721(function(){ var a = 10, b ... -
dom加载完的判断
2011-02-12 18:05 2978window.onload事件可以安全的执行javascr ... -
js节点操作
2011-02-11 16:14 798insertAdjacentElement方法 语法: ... -
[JS]URLParser-html页面参数获取类
2010-10-11 09:05 654URLParser类代码 /* @class: ... -
JS函数库 common.js
2010-09-20 15:55 1106/****************************** ... -
简单的加解密
2010-09-12 20:51 612前段时间看到flash中写的一段混淆代码,现记录下,以备后用。 ... -
js排序
2010-09-02 16:37 752<html> <body> ... -
日期的格式化函数(转)
2010-08-17 15:38 636//Date.prototype.isLeapYe ... -
动态加载JS脚本的4种方法
2010-08-05 11:55 506动态加载JS脚本的4种方法 要 ... -
信息提示框
2010-05-17 17:08 1347消息提示封装js /** ------ ... -
关于table等只读标签的innerHTML问题
2010-04-26 17:58 1690function setTbodyHTML(id,tr){ ... -
[转载]100多个很有用的JavaScript函数以及基础写法大集合
2010-04-24 23:17 11621.document.write(""); ... -
网页高亮显示文字
2010-04-15 15:24 1917function hightLight(str,style,f ... -
遍历JSON
2010-04-11 15:11 1555<!DOCTYPE html PUBLIC " ... -
霓虹灯效果
2010-04-09 11:09 1311<!DOCTYPE html PUBLIC &qu ... -
JavaScript 的事件冒泡 demo
2010-03-15 10:11 1211转载: 如果你还不理解JavaScript的事件冒泡往下看: ... -
获得页面的高度(转载)
2010-02-03 21:50 1270function getDocHeight(doc){ / ...
相关推荐
javaScript常用技术资料,数学对象,日期对象,浏览器
javaScript闭包技术资料
JavaScript学习资料大全,包括《JavaScript实例》、《JavaScript教程》、《Javascript语言教程》、《JavaScript技术讲座》、《Javascript源码大全1.0版》、《javascript教程.chm》、《JavaScript源代码集》、...
javascript技术手册,很全面的资料
JavaScript技术培训资料,JS基础,Ext基础,JavaScript数据类型、两种复合数据类型和两种特殊数据类型。
JavaScript开发技术大全.zip。很好的学习资料。
网上有人分享经验,说到学习前端开发技术JavaScript很实用的一些书籍,从入门到高级,一一列举,很不错。整理了一下发上来。 名称: JavaScript+DOM编程艺术.pdf 概述: “本书理应奉为经典。文笔清晰,采用了优秀...
前端一直是开发人员头痛的技术,特别是面试,面试官常常抓住求职者的软肋不放,有了JavaScript复习资料,不再害怕。
JavaScript技术讲座,JavaScript使用手册.chm,javascript语言参考.chm,javascript教程--山西.chm
里面详细介绍了javascript的基础知识,逐步深入,让你快速掌握JavaScript技术。
JS防水技术交底.pdf
包含11个文档 CSS+手册.rar DHTML+手册.chm javascript5日教程.rar JavaScript技术讲座.chm Javascript权威指南.chm javascript特效.chm Javascript用户手册.CHM PHP4+中文参考手册.chm ...
Javaweb开发技术资料大全整理收集版,资料全面,详细,专业;能帮助你快速提升你的开发技术;
《JavaScript从入门到精通(第2版)》.( (美)Steve Suehring).[PDF].&ckook;+607319 JavaScript基础教程(第9版)
基于Node.js技术的综合测评系统的设计与实现.docx基于Node.js技术的综合测评系统的设计与实现.docx基于Node.js技术的综合测评系统的设计与实现.docx基于Node.js技术的综合测评系统的设计与实现.docx基于Node.js技术...
JS防水技术交底5.23.pdf
Web标准是所有网页前台技术的发展方向,包括微软公司的IE浏览器技术上也在靠近Web标准。本人整理的是Web标准的主要组成部分,初级读者也可以轻松上手。以上文档同样适合正在学习静态网页技术、并想进一步提高的读者...
深入学习javascript的绝好资料,对学习ajax也有很大的帮助,分享给大家!
javascript面向对象技术基础:最详细,深入的JS资料