当前位置:编程学习 > JS >>

总结整理JS各常用功能

来兄弟连两个多月,目前接触了PHP/Shell/JS三种编程语言了,我发现语言之间有共性,但也有区别,所以要总结共性,注重学习语言之间的非共同点。
同一语言更应多多总结,这样能起到事半功倍的效果,下面总结整理JS各常用功能:

后退 前进 www.zzzyk.com
<input type="button" value="后退" onClick="history.go(-1)">
<input type="button" value="前进" onClick="history.go( 1 );return true;">

返回
<form><input type="button" value="返回上一步" onClick="history.back(-1)"></form>

查看源码
<input type="button" name="view" value="查看源码" onClick="window.location="view-source:" +window.location.href">

禁止查看源码
<body oncontextmenu="return false"></body>

刷新按钮一
<input type="button" value="刷新按钮一" onClick="ReloadButton()">
<script>function ReloadButton(){location.href="i001.htm";}</script>

刷新按钮二
<input type="button" value="刷新按钮二" onClick="history.go(0)">

回首页按钮
<input type="button" value="首页" onClick="HomeButton()">
<script>function HomeButton(){location.href=http://www.yourName.com/;}</script>

背景色变换
<form><input type="button" value="背景色变换" onClick="BgButton()"></form>
<script>function BgButton(){
if (document.bgColor=='#00ffff')
{document.bgColor='#ffffff';}
else{document.bgColor='#00ffff';}
}
</script>

打开新窗口
<input type="button" value="打开新窗口" onClick="NewWindow()">
<script>function NewWindow(){window.open("c01.htm","","height=240,width=340,status=no,location=no,易做图=no,directories=no,menubar=no");}
</script>

窗口最小化
<OBJECT id="min" type="application/x- oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">< PARAM name="Command" value="Minimize"></OBJECT>< button onClick="min.Click()">窗口最小化</button>

全屏代码
<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'butong_net', 'fullscreen')">

关闭窗口
<OBJECT id=closes type="application/x- oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">< param name="Command" value="Close"></object>< input type="button" value="关闭窗口" onClick="closes.Click();">

关闭窗口
<input type=button value=关闭窗口 onClick="javascript:self.close()">

最大化
<object id=big classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object><input type=button value=最大化 onClick=big.Click()>


链接按钮1
<input type="button" value="链接按钮 1" onClick="window.open('http://www.yourName.com/', 'Sample', '易做图=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=yes,width=790,height=520,left=0,top=0')" name="input">

链接按钮2
<input type="BUTTON" NAME="Button" value="链接按钮2" onClick="showModalDialog('http://www.yourName.com/')">

链接按钮3
<input type="submit" value="链接按钮3" onClick="location.href='http://www.yourName.com/'">

警告框显示源代码
<BUTTON onClick=alert(document.documentElement.outerHTML) style="width:110">警告框显示源代码</BUTTON>

点击后按钮清空
<input type=button value='打印' onClick="this.style.visibility='hidden';window.print();">

打印
<input type=button value='打印' onClick="window.print();">

打印预览
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button value=打印预览 onclick="wb.execwb(7,1)">

另存为
<input onClick="document.execCommand('saveas','true','常用代码.htm')" type=button value=另存为>

点击自动复制
<script>function oCopy(obj){obj.select();js=obj.createTextRange();js.execCommand("Copy")}</script>
<input type="text" value="点击自动复制" onClick="oCopy(this)" size="11">

自动选中
<input value="自动选中" onFocus="this.select()" onMouseOver="this.focus()" size="11">

打开源代码
<BUTTON onClick="document.location = 'view-source:' + document.location" size="7">打开源代码</BUTTON>

新窗口延迟打开
<input type=button value=新窗口延迟打开 onClick=javascript:setTimeout("window.open('http://www.yourName.com/')",10000)>

实现选中文本框里的前一半的内容
<input type="text" value="选中文本框里的前一半的内容" size=30 onmouseover="this.select();tR=document.selection.createRange();tR.moveEnd('character',-8);tR.select();">
<input type="text" value="选中部分内容,非IE可以用这个" size=30 onmouseover="this.selectionStart=this.value.length-4;this.selectionEnd=this.value.length">

点击清空文字
<input type="text" name="artist" size=14 value="点击清空文字" onmouseover=this.focus() onfocus=this.select() onclick="if(this.value==' 点击清空文字')this.value=''">

点击清空文字
<input name=name size=11 value=点击清空文字 onMouseOver=this.focus() onblur="if (this.value =='') this.value='点击清空文字'" onFocus=this.select() onClick="if (this.value=='点击清空文字 ') this.value=''">

等于标题(title):
<input type="text" value="" id="aa" size="20">
<script>document.getElementById("aa").value=document.title;</script>

检测IE是否脱机
<input type="button" value="测试" onclick="alert(window.navigator.onLine)">

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=刷新

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,