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

JavaScript使用技术集合

2007-05-15 16:57 162 查看

正在处理您的请求...

JavaScript使用技术集合

1、打开一个窗体

window.open ("Default3.aspx", "newwindow", "height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no");

　参数解释：

　　"page.html" 弹出窗口的文件名；

　　"newwindow" 弹出窗口的名字（不是文件名），非必须，可用空"代替；

　　height=100 窗口高度；

　　width=400 窗口宽度；

　　top=0 窗口距离屏幕上方的象素值；

　　left=0 窗口距离屏幕左侧的象素值；

　　toolbar=no 是否显示工具栏，yes为显示；

　　menubar，scrollbars 表示菜单栏和滚动栏。

　　resizable=no 是否允许改变窗口大小，yes为允许；

　　location=no 是否显示地址栏，yes为允许；

　　status=no 是否显示状态栏内的信息（通常是文件已?打开），yes为允许；

2、定时关闭窗口

< script language="JavaScript">

　　function closeit() {

　　setTimeout("self.close()",10000) //毫秒

　　}

　　< /script>

(说明：如果是本窗口，窗口时系统会给出提示；而是弹出窗口的话，将直接关闭)

3、实现弹出窗口提示，又防止刷新被重复提交的方法

Response.Write("<script language='JavaScript'>alert('弹出窗口!');window.location='a.aspx';</script>");

(说明:a.aspx为该窗口)

4、更改完后，刷新主窗口的方法

if(opener) opener.location.reload();

或

Response.Write("<script>window.opener.location.href=window.opener.location.href;</script>");

5、捕捉回车键

<script language="javascript" event="onkeydown" for="document">
if(event.keyCode==13)
{

document.all('ctl00$ContentPlaceHolder1$btn_login').focus();
document.all('ctl00$ContentPlaceHolder1$btn_login').click();
}
</script>

6、打印窗口[<a href="javascript:window.print()">打印资料</a>]

7、将子窗口内容传到父窗口

window.opener.parent.document.form1.Text1.value = document.form1.Text1.value;

8、屏蔽鼠标右键

在body标签里加上oncontextmenu=self.event.returnvalue=false

或者

<script language="javascript">

</script>

function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}

或者

<body onmousedown="rclick()" oncontextmenu= "nocontextmenu()">

<script language="javascript">

</script>

9、屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键

<script language="javascript">

</script>

10、屏蔽浏览器右上角“最小化”“最大化”“关闭”键

<script language=javascript>
function window.onbeforeunload()
{
if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
{
window.event.returnvalue = "";
}
}
</script>

或者使用全屏打开页面

<script language="javascript">

</script>

注：在body标签里加上onbeforeunload="javascript:return false"（使不能关闭窗口）

11、屏蔽F5键

<script language="javascript">

</script>

12、屏蔽IE后退按钮 在你链接的时候用 <a href="javascript:location.replace(url)">

13、屏蔽主窗口滚动条在body标签里加上 style="overflow-y:hidden"

14、屏蔽拷屏,不断地清空剪贴板

在body标签里加上onload="setInterval('clipboardData.setData(/'Text/',/'/')',100)"

19、屏蔽网站的打印功能

<style>
@media print {
* { display: none }
}
</style>

20、判断IE是否开启COOKIE

<script type="text/javascript">

function CookieEnable()
{
var result=false;
if(navigator.cookiesEnabled)
return true;
document.cookie = "testcookie=yes;";
var cookieSet = document.cookie;
if (cookieSet.indexOf("testcookie=yes") > -1)
result=true;
document.cookie = "";
return result;
}

if(!CookieEnable())
{
alert("对不起，您的浏览器的Cookie功能被禁用，请开启");
}
</script>
21、在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">
22、ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
23、设定打开页面的大小及位置
<body onload="top.resizeTo(300,200);">
<body onload="top.moveBy(300,200);"> 24、将文本框变为线条

<input id="abc" type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"/>

25、屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script>

26、取消选取、防止复制<body onselectstart="return false">

27、不准粘贴 onpaste="return false"

29、防止复制oncopy="return false;" oncut="return false;"

30、彻底屏蔽鼠标右键oncontextmenu="window.event.returnValue=false"

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

32、网页将不能被另存为<noscript><iframe src=*.html></iframe></noscript>

33、11种刷新按钮的方法

<input type=button value=刷新 onclick="history.go(0)">
<input type=button value=刷新 onclick="location.reload()">
<input type=button value=刷新 onclick="location=location">
<input type=button value=刷新 onclick="location.assign(location)">
<input type=button value=刷新 onclick="document.execCommand('Refresh')">
<input type=button value=刷新 onclick="window.navigate(location)">
<input type=button value=刷新 onclick="location.replace(location)">
<input type=button value=刷新 onclick="window.open('自身的文件','_self')">
<input type=button value=刷新 onClick=document.all.WebBrowser.ExecWB(22,1)>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
<form action="自身的文件">
<input type=submit value=刷新>
</form>
<a id=a1 href="自身的文件"></a>
<input type=button value=刷新 onclick="a1.click()">

34、如何使用javascript在html中获取url参数

<script type="text/javascript">
function $G(){
var Url=top.window.location.href;
var u,g,StrBack='';
if(arguments[arguments.length-1]=="#")
u=Url.split("#");
else
u=Url.split("?");
if (u.length==1) g='';
else g=u[1];

if(g!=''){
gg=g.split("&");
var MaxI=gg.length;
str = arguments[0]+"=";
for(i=0;i<MaxI;i++){
if(gg[i].indexOf(str)==0) {
StrBack=gg[i].replace(str,"");
break;
}
}
}
return StrBack;
}
</script>

上边个函数可以放在外部js文件、head、body等未知皆可
使用参考：
例：想获取URL http://fhuang.com/?ip=202.201.0.137 中IP这个参数的内容
<script type="text/javascript">
var IP=$G("IP")
//之后你可以将IP用来alert、write等，总之可以最为一个变量随便使用了
</script>

35加入收藏夹的代码

<a href=# onClick=window.external.addFavorite(http://bbs.055.cn';.'拂晓雅阁') target=_self title=拂晓雅阁>加入收藏夹</a>

36设为首页

<script language=javascript>

</script>
<a href=# name=home onClick=defaul_home(); title===E代时光==>设为首页</a>

37最小化、最大化、关闭窗口
<object id=hh1 classid=clsidDB880A6-D8FF-11CF-9377-00AA003B7A11>
<param name=Command value=Minimize></object>
<object id=hh2 classid=clsidDB880A6-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()>

38TEXTAREA自适应文字行数的多少 <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> </textarea>

39各种样式的光标 auto ：标准光标 default ：标准箭头 hand ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ：不可拖动光标 not-allowed ：无效光标 help ：?帮助光标 all-scroll ：三角方向标 move ：移动标 crosshair ：十字标 e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize

40页面自动跳转
<script language="javascript">
m=5

Time=window.setInterval("Alors()",1000);
function Alors(){
Ob=document.all("L");
Ob.innerHTML=m;
m--;
if(m==0){
window.open('Send.aspx','_self');
}

}
</script>

wan

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航