一.页面的后退、刷新、前进
history.go(-1) ;//后退一页
history.go(+1);//前进一页
history.go(-0);//刷新
二.保护网页源代码
function clear()
{
Source=document.body.innerHTML; //获取当前文档的原有内容
document.open(); //打开文档
document.write("");
document.close();
document.Title="看不到源代码";
document.body.innerHTML=Source; //重新写入旧内容
}
.....
<body onload=clear()>
...
使用“查看源代码”命令看不到源代码
三.保护自己的网页不被加入框架
if(self!=top)
{
top.location=self.location; //判断是否是顶层,不是则将当前页设置为顶层
}
四.禁止网页另存
<body>
<noscript><iframe src=*.html></iframe></noscript>
</body>
将不需要的脚本放在 <noscript>和</noscript>元素之间,可以屏蔽掉这些脚本的运行
五.离开页面时弹出对话框
<body bgcolor="Fef4d9" onUpload="window.alert('离开时弹出的对话框')">
...
"onUnload"是离开页面时触发的事件。一般用在body或frameset标签上。
六。页面刷新
document.location.reload();
七. 按Enter键调用登陆按钮
function keyLogin(){
if(event.keyCode==13)
document.getElementById("input1").click();
}
...
<body onkeydown="keyLogin();">
<input id="input1" value="login" type="button" onclick="alert('access success!')">
....
八.按钮热键 <input type="submit" accesskey="s" value="df"> 控件的"accessKey"属性用来设置控件的热键,可以使用“Alt+热键”的形式来激活操作。
九.删除时的确认提示
function del()
{
if(confirm("确实要删除吗?"))
alert("已经删除!");
else
alert("已经取消了删除操作");
}
....
<input id="Button1" type="button" value="删除“ onclick="del()"
...
十. 按钮只能单击一次
<input tyoe="button" name="btn" value="单击" onclick="this.disabled=true">
...
十一.防止按钮连击
function doubleCheck(){
if(window.document.readyState !=null && window.document.readyState != 'complete')
{
alert("正在处理,请等待!");
return false;
}
else
{
return true;
}
....
<input type="button” value="提交" onclick="doubleCheck()">
"readyState"属性用来获取页面的状态,其值只能获取,不允许赋值。当其值为“complete”时,表示页面已加载完毕。
十二.限制文本框可输入的字符数
function textcontrol(content)
{
if(content.length>2)
document.getElementById("txt").value=document.getElementById("txt").value.substring(0,2);
}
...
<textarea id="txt" cols="50" rows="10" onPropetryChange="textcontrol(this.value)">
...
十三.禁止文本的复制和粘贴
<textarea cols=50 row=5 oncopy="document.selection.empty()" onpaste="return false">测试是否可以复制粘贴</textarea>
...
十四.清空表单
<body onload="document.forms[0].reset()">
...