73种网页常用js代码

最新推荐文章于 2023-11-05 23:41:52 发布
最新推荐文章于 2023-11-05 23:41:52 发布
阅读量1k 收藏 3
点赞数
分类专栏： JavaScript 文章标签： button javascript input object vbscript 框架

点击返回上页代码:

＜form＞
＜p＞＜input TYPE="button" VALUE="返回上一步"ONCLICK="history.back(-1)"＞＜/p＞
＜/form＞

弹出警告框代码:

＜form＞
＜p＞＜input TYPE="button" VALUE="弹出警告框"ONCLICK="AlertButton()"＞＜/p＞
＜/form＞
＜script language="JavaScript"＞＜!--
function AlertButton(){window.alert("要多多光临呀！");}
// --＞＜/script＞

点击打开新窗口

＜form＞
＜p＞＜input TYPE="button" VALUE="打开新窗口"ONCLICK="NewWindow()"＞＜/p＞
＜/form＞
＜script language="JavaScript"＞＜!--
function NewWindow(){window.open("http://file.admin9.com","","height=240,width=340,status=no,location=no,
toolbar=no,directories=no,menubar=no");}
// --＞＜/script＞＜/body＞

删除记录时弹出确认框：

＜script LANGUAGE="VBSCRIPT"＞
a=msgbox("真的要删除该记录吗？",1,"注意")
if a=1 then
location="Dodelete.asp?id=" //指向执行删除的页面Dodelete.asp
else
history.go(-1)
end if
＜/script＞

关闭打开的窗口

＜ a href="/"οnclick="javascript:window.close(); returnfalse;"＞关闭窗口＜/a＞

关键字: javascript

1、后退前进  
<input type="button" value="后退"onClick="history.go(-1)">  
<input type="button" value="前进" onClick="history.go(1 );returntrue;">  

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

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

4、禁止查看源码  
<body οncοntextmenu="returnfalse"></body>  

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

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

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

7、弹出警告框  
<input type="button" value="弹出警告框"onClick="AlertButton()">  
<script>functionAlertButton(){window.alert("要多多光临呀！");}</script>  

8、状态栏信息  
<input type="button" value="状态栏信息"onClick="StatusButton()">  
<script>functionStatusButton(){window.status="要多多光临呀！";}</script>  

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

10、打开新窗口  
<input type="button" value="打开新窗口"onClick="NewWindow()">  
<script>functionNewWindow(){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"><PARAMname="Command"value="Minimize"></OBJECT><buttononClick="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"><paramname="Command"value="Close"></object><inputtype="button" value="关闭窗口"onClick="closes.Click();">  

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

14、最大化  
<object id=bigclassid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">   
<param name="Command"value="Maximize"></object><inputtype=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、警告框显示源代码  
<BUTTONonClick=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、打印预览  
<OBJECTclassid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wbname=wbwidth=0></OBJECT>  
<input type=button value=打印预览οnclick="wb.execwb(7,1)">  

21、另存为  
<inputonClick="document.execCommand('saveas','true','常用代码.htm')"type=buttonvalue=另存为>  

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

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

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

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

26、实现选中文本框里的前一半的内容  
<input type="text" value="选中文本框里的前一半的内容" size=30οnmοuseοver="this.select();tR=document.selection.createRange();tR.moveEnd('character',-8);tR.select();">  
<input type="text" value="选中部分内容，非IE可以用这个" size=30οnmοuseοver="this.selectionStart=this.value.length-4;this.selectionEnd=this.value.length">  
    
27、点击清空文字  
<input type="text" name="artist" size=14value="点击清空文字" οnmοuseοver=this.focus() οnfοcus=this.select()οnclick="if(this.value=='点击清空文字')this.value=''">  

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

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

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

30、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)>   
<OBJECTclassid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0id=WebBrowserwidth=0></OBJECT>  
<formaction="自身的文件"><input type=submitvalue=刷新></form>  
<a id=a1href="自身的文件"></a><inputtype=button value=刷新 onClick="a1.click()">

31、  
<a href="#"onClick=document.execCommand("open")>打开</a>

32、
<aοnclick="window.open('i001.htm','','height=300,width=300,resizable=no,location=net');"href="">打开指定大小网页</a>

33、
<a href="#"onClick=location.replace("view-source:"+location)>使用记事本 编辑</a>

34、
<a href="#"onClick=document.execCommand("saveAs")>另存为</a>

35、
<a href="#"onClick=document.execCommand("print")>打印</a>
<ahref="javascript:window.print();">打印</a>

36、
<ahref=mailto:429752806@163.com>发送E-mail</a>

37、
<a href="#"onClick=document.execCommand("selectAll")>全选</a>

38、
<a href="#"onClick=location.reload()>刷新1</a>

39、
<a href="#"onClick=history.go(0)>刷新2</a>

40、
<a href="#"onClick=location.replace("view-source:"+location)>查看源文件</a>

41、
<a href="#"onClick=window.open(document.location,"url","fullscreen")>全屏显示</a>

42、
<a href="#"onClick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a>

43、
<a href="#"οncοntextmenu="window.open(this.href);returnfalse;">单击右键将在新窗口中打开</a>

44、
<a href="#"onClick=history.go(1)>前进1</a>

<a href="#"onClick=history.forward()>前进2</a>

<a href="#"onClick=history.go(-1)>后退1</a>

<a href="#"onClick=history.back()>后退2</a>

45、
<a href="#"onClick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a>

<SPANonClick="window.external.addFavorite('http://www.winliuxq.com/','网页特效站点')"style="CURSOR: hand"title=网页特效站点>加入收藏</SPAN>

<a href="#"onClick="window.external.addFavorite('http://www.winliuxq.com/','网页特效站点')">添加到收藏夹</A>

<ahref="javascript:window.external.AddFavorite('http://www.winliuxq.com/','网页特效站点')">点击加入收藏夹</a>

<a href="#"οnmοuseοver="window.external.addFavorite('http://www.winliuxq.com/','网页特效站点')"target="_self">鼠标感应收藏本站</a>

<a href="#"οnmοuseοver="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.yiloo.com/js/');"target="_self">鼠标感应设为首页</a>  

46、
<ahref="javascript:window.close()">关闭窗口</a>

<a href="#" onClick=window.close();returnfalse)>关闭窗口</a>

<a href="#"onClick=setTimeout(window.close(),3000)>3秒关闭本窗口</a>

<script>
function shutwin(){  
window.close();  
return;}  
</script>
<ahref="javascript:shutwin();">关闭本窗口</a>

47、<SPAN onClick="varstrHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.winliuxq.com/');"style="CURSOR:hand">设为首页</SPAN>

48、等于标题栏:<script>document.write(document.title);</script>

49、
<a href="javascript:void(0);"onClick='window.external.AddFavorite(location.href,document.title);'>收藏本页</a>

<ahref="javascript:window.external.AddFavorite(document.location.href,document.title)">收藏本页</a>

<ahref=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a>

50、
<a href="i003.htm" οnclick="return false;"οndblclick="window.open('i003.htm');">双击打开链接</a>

51、
<style>#close a:hover{background:url(javascript:window.opener=0;window.close());}</style><divid=close><ahref="">关闭窗口</a></div>

52、
<A HREF="javascript:void(0)"onMouseover="alert('对不起,禁止选中!')">链接禁止</A>

53、滚动条在左侧,将<html>改为<HTMLDIR="RTL">

54、网页半透明  
<bodystyle="filter:Alpha(Opacity=50)">

55、随机选择背景色  
<body>
<script>
document.body.style.background=(["red","blue","pink","navy","gray","yellow","green","purple"])[parseInt(Math.random()*8)];  
</script>

56、框架页中不显示滚动条：  
<SCRIPT>
self.moveTo(0,0)  
self.resizeTo(screen.availWidth,screen.availHeight)  
</SCRIPT>

57、防止网页被框架  
<SCRIPT LANGUAGE=JAVASCRIPT>
if (top.location !== self.location){  
top.location=self.location;  
}  
</SCRIPT>

58、永远都会带着框架   
<scriptlanguage="javascript"><!--   
if (window == top)top.location.href = "frame.htm";//frame.htm为框架网页   
// --></script>

59、窗口自动最大化  
<scriptlanguage="JavaScript"><!--  
self.moveTo(0,0)  
self.resizeTo(screen.availWidth,screen.availHeight)  
//--></script>

60、打开窗口自动最大化  
<OBJECTclassid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"onreadystatechange="if (this.readyState==4) this.Click();"VIEWASTEXT><PARAM name="Command"value="Maximize"></OBJECT>

61、爽眼闪屏代码
<script>var color = newArray;color[1] = "black";color[2] = "white";for(x = 0; x<3; x++){document.bgColor = color[x];if(x == 2){x =0;}}</script>

62、不能被另存为  
<noscript><iframesrc=*.html></iframe></noscript>

63、汉字字库调用  
<script>
for(i=19968;i<40870;i++)document.write(String.fromCharCode(i));  
</script>

64、显示现在时间的脚本   
<scriptlanguage=vbscript>document.writenow</script>

65、显示最后修改时间的脚本   
<script>document.write(document.lastModified)</script>   

66、按下F12键,直接返回首页   
<script>functionlook(){   
if(event.keyCode==123){document.location.href=http://www.winliuxq.com/}   
}   
if(document.οnkeydοwn==null)   
{document.οnkeydοwn=look}   
</script>   

67、端口检测

<img src="http://www.winliuxq/zza.jpg"οnlοad="alert('端口可用')"端口禁止')"...>

68、无法最小化的窗口  
<body οnblur='self.focus();'>

69、链接点外部css文件  
<style>@importurl("ie.css");</style>

70、内嵌式框架-网页中调用另外网页：  
<object type="text/x-scriptlet" width="600"height="1000"data="http://www.winliuxq.com/"></object>

71、刷新改变窗口大小  
<OBJECTclassid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"onreadystatechange="if (this.readyState==4) this.Click();"VIEWASTEXT><PARAM name="Command"value="Maximize"></OBJECT>

72、JavaScript实现网页竖虚线  
<script>hei=120;d1=2;d2=2;cou=Math.floor(hei/(d1+d2));  
document.write('<table cellspacing=0 cellpadding=0width=1height='+hei+'>');  
for(i=0;i<cou;i++){document.write('<tr><tdheight='+d2+'><tr><tdheight='+d1+'bgcolor=333333>')}</script></table>

73、js翻页  
<script>document.write("<ahref="+location.href.replace(/\.html/g,"_2.html")+">2</a>");</script>

zouxiangwei
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript框架从入门到精通
cgblpx的博客
06-01 4万+
静态网页和动态网页 动态网页 我们有了html超文本标记语言实现了网站页面展现，展现文字、表格、图片、超链接等，有了css样式表实现了页面的美化，这些技术实现了静态网页。 日常展现是已经足够了，但是如果我们要做个注册功能呢？如论坛，我们注册个论坛来发文章，聊天。这就带来一个问题，信息如何根据不同的使用者，展现不同的内容呢？再如我注册登录和你注册登录，我们在网站上显示的登录名称就不同。这html+css就无能为力了，它们无法实现，那谁能办到呢？这时javascript就派上用场了。它能实现浏览器用户和后台服务
常用js源码
helloyesyes
04-01 337
网络上收集到的一些经常用的JS代码,如整理收藏夹，前进，后退，打印，关闭本页等JS代码。 1、整理收藏夹&lt;a href="#" onClick=window.external.showBrowserUI("OrganizeFavorites",null)&gt;整理收藏夹&lt;/a&gt; &lt;SPAN onClick="window.external.addFavorite('ht...
Js制作简单的网页
ahty的专栏
08-20 3万+
 一个简易的纯JS的CRM管理系统 1 概述 这是一个综合的JS开发的管理系统，仅有基本功能，大约1500行代码，使用本地的数据localStorage作为临时测试数据的存储，同时用到了sessionStorage作为用户登陆信息的存储。该管理系统从用户登陆、注册到退出都采用了相关联的操作，让用户在没有登陆的情况下无法进入主页，有3天记住密码的选项，而且搜索中用了很多
网页设计之JavaScript
qq_53677566的博客
10-05 7108
文章目录JavaScript笔记一.JavaScript概述1.JavaScript历史2.javaScript与java的区别3.javaScript的作用4.JavaScript与html,css关系二.基本语法1.位置2.变量3.控制语句三.函数，内置对象与事件1.函数基本语法：全局函数：2.内置对象（1）String字符串（2）Aarry数组（3）Date对象（4）Math对象3.事件四.Event对象五.HTML Dom对象1.获得标签的四种方式2.HTML DOM - 改变 HTML内容3.HT
73种网页常用js代码.pdf
07-06
73种网页常用js代码
73种网页常用JS代码
08-16
73种网页常用JS代码
73种网页常用Javascript代码
08-30
1、后退 前进 后退" onClick="history.go(-1)"> 前进" onClick="history.go( 1 );return true;"> 2、返回 <form><input type="button" value="返回上一步" onClick="history.back(-1)"></form> 3、查看源码 查看源码...
网页之js
weixin_44253162的博客
12-12 1909
jsjsjs基础语法规则数据类型函数定义调用对象内置对象自定义对象bom窗口移动domcss样式事件 在前面的博客中我写了一些html和css样式的基础，但是，哪些仍然不够，碰到一些复杂的功能可能就无法解决了，所以我们又用到了js js 那么先来讲讲js，这个可以解决很多在页面操作上的问题 首先JavaScript虽然名字带Java，但是实际上他俩没啥关系，不过js用了很多的Java的思想，所以你会发觉，它用起来有不少地方和Java类似 js基础语法规则 先来说说js改怎么起手吧，一开始就是导入js 这里导
js实现网页特效
qq_39321234的博客
01-11 1960
offset系列相关属性可以动态的得到该元素的位置（偏移量）、大小等实际运用： 结果如下： 🎓案例1 获取鼠标在盒子内的坐标 效果如下：模态框拖拽 效果如下：京东放大镜（是前两个案例的综合实现）需要可以去该地址下载作用：获取元素的大小，边框的大小client和offset最大的区别就是不包含边框 立即执行函数：不需要调用，能够了立马自己执行立即执行函数最大的作用就算独立创建了一个作用域，里面所有的变量都是局部变量，不会有命名冲突的情况语法1： 语法2： 示例： 三、元素滚动scroll系列 作用：可以动态
常用网页代码全集
云博客_资源宝分享
07-03 9015
● 控制横向和纵向滚动条的显隐？ <body style="overflow-y:hidden"> 去掉x轴 <body style="overflow-x:hidden"> 去掉y轴 <body scroll="no">不显 ● 表格变色 <TD onmouseover="this.style.backgroundColor='#FFFFFF'" ...
用js做一个简单的网页,用javascript做一个网页
最新发布
2301_79533350的博客
11-05 2081
大家好，小编为大家解答用javascript写简单网页家乡的介绍代码的问题。很多人还不知道用javascript写简单网页小游戏，现在让我们一起来看看吧！
大学生网页设计制作作业实例代码 (全网最全,建议收藏) HTML+CSS+JS
热门推荐
HTML网页设计
10-03 21万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
个人网页的Javascript代码
weixin_57130283的博客
02-11 1393
个人网页js代码
网页设计中常用的37个javascript代码
cgnine的专栏
08-22 1512
网页设计中常用的37个javascript代码
JS实现页面自动滚动
fugma的专栏
09-03 1082
页面自动滚动
一些IE特有的JS方法
smartview的专栏
02-23 1668
脚本说明：    把如下代码加入区域中:    后退 前进            返回           查看源码           禁止查看源码           刷新按钮一        function ReloadButton(){location.href="i001.htm";}       刷新按钮二           回首页按钮        function HomeBu
JavaScript常用代码总结
丘秋的博客
01-19 1291
JavaScript常用代码总结 在初学JavaScript时积累不少的js代码块（脑子记不住） 在这里给大家分享一下，也顺便当做保存 可能有点乱，可以自己再梳理总结一下 js特殊字符 \b 退格字符 \f换页符 \n换行字符 \r回车字符 \t制表符tab \’转义 空格 \0 常用代码总结 提示框 alert(); 选择框 confirm(); 对话框 pro...
javascript网页设计作业代码
06-07
4. GitHub：这个网站是一个代码托管平台，您可以在上面查找和分享JavaScript代码。 5. Stack Overflow：这个网站是一个问答社区，您可以在上面提出有关JavaScript编程的问题，并获得其他开发人员的帮助。 希望这些...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值