[经验分享] 网页常用JS代码（一）

奇

671 主题	1 听众	3247 积分

中级设计师

Rank: 5 Rank: 5

纳金币: 324742
精华: 0

电梯直达

楼主

发表于 2012-1-6 10:50:15 |只看该作者 |倒序浏览

1、后退前进

<input type="button" value="后退" onClick="history.go(-1)">

<input type="button" value="前进" onClick="history.go( 1 );return true;">
2、返回

<form><input type="button" value="返回上一步" onClick="history.back(-1)"></form>
3、查看源码

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

<body oncontextmenu="return false"></body>
5、刷新按钮一

<input type="button" value="刷新按钮一" onClick="ReloadButton()">

<script>function ReloadButton(){location.href="i001.htm";}</script>
刷新按钮二

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

<input type="button" value="首页" onClick="HomeButton()">

<script>function HomeButton(){location.href=http://www.winliuxq.com;}</script>
7、弹出警告框

<input type="button" value="弹出警告框" onClick="AlertButton()">

<script>function AlertButton(){window.alert("要多多光临呀！");}</script>
8、状态栏信息

<input type="button" value="状态栏信息" onClick="StatusButton()">

<script>function StatusButton(){window.status="要多多光临呀！";}</script>
9、背景色变换

<form><input type="button" value="背景色变换" onClick="BgButton()"></form>

<script>function BgButton(){

if (document.bgColor=='#00ffff')

{document.bgColor='#ffffff';}

else{document.bgColor='#00ffff';}

}

</script>
10、打开新窗口

<input type="button" value="打开新窗口" onClick="NewWindow()">

<script>function NewWindow(){window.open("c01.htm","","height=240,width=340,status=no,location=no,toolbar=no,directories=no,menubar=no");}

</script>
11、窗口最小化

<OBJECT id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><

ARAM name="Command" value="Minimize"></OBJECT><button onClick="min.Click()">窗口最小化</button>
12、全屏代码

<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'butong_net', 'fullscreen')">
13、关闭窗口

<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()">
14、最大化

<object id=big classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">

<param name="Command" value="Maximize"></object><input type=button value=最大化 onClick=big.Click()>
15、关闭输入法

<input style="ime-mode:disabled" value=关闭输入法>
16、链接按钮1

<input type="button" value="链接按钮1" onClick="window.open('http://www.winliuxq.com/', 'Sample', 'toolbar=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.winliuxq.com/')">
链接按钮3

<input type="submit" value="链接按钮3" onClick="location.href='http://www.winliuxq.com/'">
17、警告框显示源代码

<BUTTON onClick=alert(document.documentElement.outerHTML) style="width:110">警告框显示源代码</BUTTON>
18、点击后按钮清空

<input type=button value='打印' onClick="this.style.visibility='hidden';window.print();">
19、打印

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

<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)">