常用的HTML代码

来源：互联网发布：ubuntu下安装jdk1.8 编辑：程序博客网时间：2024/04/29 21:19

● 禁止页面正文内容被选取 ,不能点右键，不用CTRL+A，不能复制作
<body

oncontextmenu="return false"

ondragstart="return false"

onselectstart ="return false"

onselect="document.selection.empty()"

oncopy="document.selection.empty()"

onbeforecopy="return false"

onmouseup="document.selection.empty()">

</body>
另一种写法
<body

oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
--------------------------------------------------------------------------------

● iframe自适应高度
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no

onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>
--------------------------------------------------------------------------------

● 让IFRAME框架内的文档的背景透明
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>
--------------------------------------------------------------------------------

● IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
--------------------------------------------------------------------------------

● 添加到收藏夹和设为首页
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('');">设为首页</a>
<a href="javascript:window.external.AddFavorite('','')">收藏本站</a>
--------------------------------------------------------------------------------

● 防止点击空链接时，页面往往重置到页首端
代码“javascript:void(null)”代替原来的“#”标记
--------------------------------------------------------------------------------

● 滚动
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息</marquee>
--------------------------------------------------------------------------------

● 如何关闭层
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">关闭层</a>
--------------------------------------------------------------------------------
● 关闭窗口的脚本
<a href=javascript:close()>[关闭窗口]</a>
--------------------------------------------------------------------------------

● 让弹出窗口总是在最上面
<body onblur="this.focus();">
--------------------------------------------------------------------------------
● 后退&关闭窗口
后退：javascript:history.back(1)
关闭：javascript:window.close();
--------------------------------------------------------------------------------
● 表格透明
style="FILTER: alpha(opacity=72)"
--------------------------------------------------------------------------------

● 打开窗口即最大化
<script language="JavaScript">
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
--------------------------------------------------------------------------------
● 文字或图片弹出指定大小的窗口
在body中加入
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
弹出代码
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a>
--------------------------------------------------------------------------------

● 链接到
response.redirect"login.asp"
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
-------------------------------------------------------------------------------

● 记录并显示网页的最后修改时间
<script language=JavaScript>
document.write("最后更新时间: " + document.lastModified + "")
</script>
--------------------------------------------------------------------------------

● 节日倒计时
<Script Language="JavaScript">
　　 var timedate= new Date("October 1,2017");
　　 var times= "国庆节";
　　 var now = new Date();
　　 var date = timedate.getTime() - now.getTime();
　　 var time = Math.floor(date / (1000 * 60 * 60 * 24));
　　 if (time >= 0)
　　 document.write( "现在离"+times+"还有: "+time +"天")
</Script>
--------------------------------------------------------------------------------

● 随机变换背景图象（一个可以刷新心情的特效）
<Script Language="JavaScript">
　　 image = new Array(4); //定义image为图片数量的数组
　　 image [0] = 'tu0.gif' //背景图象的路径
　　 image [1] = 'tu1.gif'
　　 image [2] = 'tu2.gif'
　　 image [3] = 'tu3.gif'
　　 image [4] = 'tu4.gif'
　　 number = Math.floor(Math.random() * image.length);
　　 document.write("<BODY BACKGROUND="+image[number]+">");
</Script>
--------------------------------------------------------------------------------

0 0