常用js代码.

一、输入框禁止输入中文

<input type=”text” style=”ime-mode:Disabled;”>
二、最简单的按钮作为链接方法

<INPUT TYPE=”submit” value=”ABCnet.CN” onclick=”location.href=’http://www.abcnet.cn'”>

三、按扭打开Web页对话框

<INPUT TYPE=”BUTTON” NAME=”Button” VALUE=”ABCnet.CN” onclick=”showModalDialog(‘http://www.abcnet.cn’)”>

四、改变IE地址栏的IE图标

我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:

<link REL = “Shortcut Icon” href=”index.ico”>

<link rel=”Bookmark” href=”favicon.ico”> 可以在收藏夹中显示出你的图标

五、让网页随意后退

<a href=”javascript:history.go(-X)”>X</a> //把X换成你想要后退在页数
//把“-”变成“+”就为前进

六、关闭当前窗口

<a href=”/”onClick=”javascript:window.close();return false;”>关闭窗口</a>

七、2秒后关闭当前页

<script language=”javascript”>
<!–
setTimeout(‘window.close();’,2000);
–>
</script>

八、2秒后载入指定网页

<head>
<meta http-equiv=”refresh” content=”2;URL=http://你的网址”>
</head>

九、添加到收藏夹

<Script Language=”javascript”>
function bookmarkit()
{
window.external.addFavorite(‘http://你的网址’,’你的网站名称’)
}
if (document.all)document.write(‘<a href=”#” onClick=”bookmarkit()”>加入收藏夹</a>’)
</Script>

十、设置该页为首页

<a style=”cursor:hand” HREF
onClick=”this.style.behavior=’url(#default#homepage)';
this.setHomePage(‘你的网站名称);”>设为首页</a>

十一、单击按钮打印出当前页

<Script Language=”javascript”>
if (window.print) {
document.write(‘<form>’
+ ‘<input type=button name=print value=”打印本页” ‘
+ ‘onClick=”javascript:window.print()”></form>’);
}
</Script>

十二、最小化、最大化、关闭窗口
<object id=hh1 classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″>
<param name=”Command” value=”Minimize”></object>
<object id=hh2 classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″>
<param name=”Command” value=”Maximize”></object>
<OBJECT id=hh3 classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>
<PARAM NAME=”Command” VALUE=”Close”></OBJECT>

<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

十三、让弹出窗口总是在最上面:
  <body onblur=”this.focus();”>

不要滚动条?
让竖条没有:
<body style=’overflow:scroll;overflow-y:hidden’>
</body>
让横条没有:
<body style=’overflow:scroll;overflow-x:hidden’>
</body>
两个都去掉?更简单了
<body scroll=”no”>
</body>

十四、电子邮件处理提交表单
  <form name=”form1″ method=”post” action=”mailto:****@***.com” enctype=”text/plain”>
<input type=submit>
</form>

十五、在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()

十六、如何设定打开页面的大小
  <body onload=”top.resizeTo(300,200);”>

十七、环境变量

本机ip<%=request.servervariables(“remote_addr”)%>
服务器名<%=Request.ServerVariables(“SERVER_NAME”)%>
服务器IP<%=Request.ServerVariables(“LOCAL_ADDR”)%>
服务器端口<%=Request.ServerVariables(“SERVER_PORT”)%>
服务器时间<%=now%>
IIS版本<%=Request.ServerVariables”SERVER_SOFTWARE”)%>
脚本超时时间<%=Server.ScriptTimeout%>
本文件路径<%=server.mappath(Request.ServerVariables(“SCRIPT_NAME”))%>
服务器CPU数量<%=Request.ServerVariables(“NUMBER_OF_PROCESSORS”)%>
服务器解译引擎<%=ScriptEngine & “/”& ScriptEngineMajorVersion &”.”&ScriptEngineMinorVersion&”.”& ScriptEngineBuildVersion %>
服务器操作系统<%=Request.ServerVariables(“OS”)%>

十八、利用正则表达式限制网页表单里的文本框输入内容:

用正则表达式限制只能输入中文:onkeyup=”value=value.replace(/[^u4E00-u9FA5]/g,”)” onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^u4E00-u9FA5]/g,”))”

用正则表达式限制只能输入全角字符: onkeyup=”value=value.replace(/[^uFF00-uFFFF]/g,”)” onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^uFF00-uFFFF]/g,”))”

用正则表达式限制只能输入数字:onkeyup=”value=value.replace(/[^d]/g,”) “onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^d]/g,”))”

用正则表达式限制只能输入数字和英文:onkeyup=”value=value.replace(/[W]/g,”) “onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^d]/g,”))”

 

 

1、检查一段字符串是否全由数字组成

<script language=”Javascript”><!–
function checkNum(str){return str.match(//D/)==null}
alert(checkNum(“1232142141″))
alert(checkNum(“123214214a1″))
// –></script>
2、获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
3、怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert(“含有汉字”);
else alert(“全是字符”);
4、TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange
=”this.style.posHeight=this.scrollHeight”>
</textarea>
5 、日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a – dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + “年” + (a.getMonth() + 1) + “月” + a.getDate() + “日”)
}
cc(“12/23/2002″,2)
</script>

6、. 选择了哪一个Radio
<HTML><script language=”vbscript”>
function checkme()
for each ob in radio1
if ob.checked then
window.alert ob.value
next
end function
</script><BODY>
<INPUT name=”radio1″ type=”radio” value=”/style” checked>Style
<INPUT name=”radio1″ type=”radio” value=”/blog/barcode”>Barcode
<INPUT type=”button” value=”check” onclick=”checkme()”>
</BODY></HTML>
7、脚本永不出错
<SCRIPT LANGUAGE=”JavaScript”>
<!– Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// –>
</SCRIPT>
8、ENTER键可以让光标移到下一个输入框
<input onkeydown=”if(event.keyCode==13)event.keyCode=9″>

9、防止被欠入
<script language=”javascript”>
<!–
if(window!=window.top){top.location.href=location.href;}
//–>
</script>

10、.永远都会带着框架
<script language=”javascript”>
<!–
if (window == top)top.location.href = “frames.htm”;
// –>
</script>
说明:frames.htm为你的网页,这也是保护页面的一种方法

11/.网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
说明:<noscirpt>的用法很广,其中一条就是可以使JS广告失效

12、.自动跳转
在源代码中的<head>…</head>加入
<meta http-equiv=”refresh” content=”8;URL=http://www.liqun.net”>
说明:content=”8″ 表示8秒刷新到URL

13、打开窗口立即最大化
<script language=”javascript”>
<!– Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End –>
</script>

14、.加入背景音乐
<bgsound src=”mid/min1.mid” loop=”-1″> 只适用于IE
<embed src=”music.mid” autostart=”true” loop=”true” hidden=”true”> 对Netscape ,IE 都适用

15、.网页过渡方式
<meta http-equiv=”Page-Exit” content=”revealTrans(Duration=3,Transition=5)”>
Duration的值为网页动态过渡的时间,单位为秒。
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

网页过渡方式实例:
<meta http-equiv=”Page-Enter” content=”blendTrans(Duration=0.5)” />
<meta http-equiv=”Page-Exit” content=”blendTrans(Duration=0.5)” />

16、控制横向和纵向滚动条
<body style=”overflow-y:hidden”> 去掉x轴
<body style=”overflow-x:hidden”> 去掉y轴
<body scroll=”no”>不显

17、关闭窗口时不弹出提示信息
<a href=”#” _fcksavedurl=””#”” onClick=”javascrip:window.opener=null;window.close()”>关闭</a>

18、.背景颜色渐变
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#FFFFFF’,endColorStr=’#F6F9FE”,gradientType=’0′)

19、背景颜色透明
filter:alpha(opacity=75)

20、.弹出窗口属性
<script language=”javascript”>
<!–
window.open (‘page.html’, ‘newwindow’, ‘100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no’)
–>
</script>

<script language=”javascript”> js脚本开始;
window.open 弹出新窗口的命令;
‘page.html’ 弹出窗口的文件名;
‘newwindow’ 弹出窗口的名字(不是文件名),非必须,可用空”代替;
100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</script> js脚本结束

21、.背景颜色变换
<script type=text/javascript>
function scbg(objRef, state) {
objRef.style.backgroundColor = (1 == state) ? ‘#EEEEEE’ : ‘#FFFFFF';
return;
}
</script>
<div onmouseover=”scbg(this, 1);” onmouseout=”scbg(this, 0);”>

 

22、.表格的展开与隐藏
<script language=”vbscript”>
function showhide(showobject)
if document.all(showobject).style.display=”” then
document.all(showobject).style.display=”none”
else
document.all(showobject).style.display=””
end if
end function
</script>
应用效果
<a href=’vbscript:showhide(“cont”)’>展开或者隐藏</a><br>
<div id=”cont”>控制的内容范围</div>
使用 a 的链接来控制 id=”cont” 的展开或者隐藏

23、.滚动条颜色
body{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFB900;
scrollbar-track-color:#EEEEEE;
scrollbar-darkshadow-color:#FFFFFF;}

SCROLLBAR-FACE-COLOR 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR 滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR 滚动条的基本颜色

24、.英文长字段换行
word-break:break-all;

25、同一个元素内容不换行
white-space:nowrap;

26、.首字母大写显示
text-transform:capitalize;

27、页面宽度控制
<div id=”divmain”>
<!–[if IE]>
<SCRIPT>
var objmain = document.getElementById(“divmain”);
function updatesize(){ var bodyw = window.document.body.offsetWidth; if(bodyw <= 790) objmain.style.width=”760px”; else if(bodyw >= 1016) objmain.style.width=”980px”; else objmain.style.width=”100%”; }
updatesize(); window.onresize = updatesize;
</SCRIPT>
</div>

 

评论

(required. But it will not be published)