常用HTML技巧

2022-07-15 80酷酷网 80kuku.com

　　技巧

如何在点击超链接时显示确认窗口：
1.在<head></head>中加入下列代码。
<script>
function winconfirm()
{ question = confirm("确实要进入吗?")
if (question != "0")
{
window.open("test.htm", "NewWin", "status=yes, height=200, width=200")
}
}
</script>

2.在<body></body>中加入下列代码。
<a href="test.htm"
>点这里进入</a>

●把你的主页添加到收藏夹
代码：
<A HREF="javascript:window.external.addFavorite('http://paf.126.com','D-元素欢迎您!')">单击这里添加</A>

●改变背景的颜色

代码：
<A HREF="#" >红色</A>

●返回功能

代码：
<A HREF="javascript:history.back(1)">单击这里返回</A>

●用JavaScript刷新本页

代码：
<a href="javascript:location.reload()">刷新</a>

●查看源代码
代码：
<A HREF="javascript:window.location='view-source:'+window.location.href">查看源代码</A>

●弹出确认窗口
请单击这里

代码：
<A HREF="javascript:alert('看到了吗！')">请单击这里</A>

●弹出是否确认窗口

代码：
<INPUT TYPE="BUTTON" NAME="Button" VALUE="单击这里" >

●在状态栏显示文字

代码：
<INPUT TYPE="BUTTON" VALUE="试一下" onmousemove="window.status ='你好！欢迎光临本站！'">

●JavaScript事件

onkeydown 键盘按下时发生此事件
onkeypress 按键盘时发生此事件
onkeyup 按键盘放开时发生此事件
onmousedown 鼠标按下时发生此事件
onmouseup 鼠标放开时发生此事件
onmousemove 移动时发生此事件
onmouseover 移入时发生此事件
onmouseout 移出时发生此事件
onhelp 按“F1”时发生此事件
onblur 失去焦点时发生此事件
onchange 改变文字时发生此事件
onclick 单击时发生此事件
onfocus 得到焦点时发生此事件
onload 找开时发生此事件
onselect 选中时发生此事件
onsubmit 提交时发生此事件
onunload 关闭时发生此事件

例子：
请把鼠标移到这里

代码：
<A HREF="#" >请把鼠标移到这里</A>

如果想在整个窗口按键盘每一个键时执行某个函数例子如下：
<script>
function keydown()
{alert("你按下了键盘"); }
document.onkeydown=keydown;
</script>

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