常用HTML技巧

技巧

如何在点击超链接时显示确认窗口 :  
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>

时间: 2025-01-01 07:26:29

常用HTML技巧的相关文章

40种网页常用小技巧

技巧|网页 下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助. 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取

网页设计中常用的技巧:最常见的固定浮窗设计

文章描述:固定浮窗在设计中的使用. 固定浮窗是网页设计中常用的技巧,指一定区块固定在浏览器的响应位置而不随滚动条的移动而改变位置的设计. 最常见的固定浮窗设计是固定在浏览器底部的弹窗广告,比如新浪首页会有新浪视窗的弹窗广告. 最近当当网首页广告力度很大,其中大部分都是固定在浏览器底部和两边. 由于固定浮窗总是显示在网页内容的最上端,有时候甚至覆盖了用户想要的价值内容,这种设计确实不讨人喜欢.有时候,有的固定浮窗会提供"关闭"按钮,但是这明显不能消除用户的反感情绪,因为在一片广告上找关闭

网页制作知识样式表CSS常用小技巧小结

css|技巧|网页|样式表 CSS样式表常用小技巧 · ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值. · 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次:对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效. · 初学可能会碰到这样一个情况,同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者

Javascript常用小技巧汇总

  本文实例讲述了Javascript常用小技巧.分享给大家供大家参考.具体分析如下: 一.True 和 False 布尔表达式 下面的布尔表达式都返回 false: null undefined '' 空字符串 0 数字0 但小心下面的, 可都返回 true: '0' 字符串0 [] 空数组 {} 空对象 下面段比较糟糕的代码: 代码如下: while (x != null) { 你可以直接写成下面的形式(只要你希望 x 不是 0 和空字符串, 和 false): 代码如下: while (x

Photoshop常用的技巧有哪些?

Photoshop常用的技巧有哪些? 1. 快速打开文件 双击Photoshop的背景空白处(默认为灰色显示区域)即可打开选择文件的浏览窗口. 2. 随意更换画布颜色 选择油漆桶工具并按住Shift点击画布边缘,即可设置画布底色为当前选择的前景色.如果要还原到默认的颜色,设置前景色为25%灰度(R192,G192,B192)再次按住Shift点击画布边缘. 3. 选择工具的快捷键 可以通过按快捷键来快速选择工具箱中的某一工具,各个工具的字母快捷键如下: 选框-M 移动-V 套索-L 魔棒-W 喷

JavaScript数组常用操作技巧汇总_javascript技巧

本文实例汇总了JavaScript数组的常用操作技巧.分享给大家供大家参考.具体如下: 前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里主要汇总一下JavaScript数组操作的常用API.相信对大家解决程序问题很有帮助. 一.性质JavaScript中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可能是整数.然而,这些数字索引

Android ListView常用小技巧汇总_Android

ListView在我们Android项目中的地位是有目共睹的,相信几乎每一个App中都有它的身影. ListView主要是用列表形式来加载数据,在特定情况下需要实现一些特殊功能:如刷新数据,加载数据,实现动画效果等. 作为我们常用的控件,有哪些需要注意的呢? **为ListView的每一Item设置分隔线 第一种方法:也是最简单地方法,在布局文件中设置ListView的 divider属性 如:android:divider="@color/black" 第二种方法:设置android

Javascript常用小技巧汇总_javascript技巧

本文实例讲述了Javascript常用小技巧.分享给大家供大家参考.具体分析如下: 一.True 和 False 布尔表达式 下面的布尔表达式都返回 false: null undefined '' 空字符串 0 数字0 但小心下面的, 可都返回 true: '0' 字符串0 [] 空数组 {} 空对象 下面段比较糟糕的代码: 复制代码 代码如下: while (x != null) { 你可以直接写成下面的形式(只要你希望 x 不是 0 和空字符串, 和 false): 复制代码 代码如下:

DevExpress Report 其他常用设计技巧

原文:DevExpress Report 其他常用设计技巧 1 设置默认的打印纸张及页边距 选择Report-打开属性窗口,设置默认边距(Margins)和默认纸张(PaperKind).   2 修改Report Preview的默认工具栏(WinForm)     一般情况下,Report 的Preview视图中的工具栏不用修改就可满足使用.但是当想修改或添加新的按钮执行自己的方法时就需要修改Preview工具栏了.   2.1 获取默认工具栏  DevExpress.XtraBars.Ba

photoshop基础常用对齐技巧心得分享一览

给各位photoshop软件的使用者们来详细的解析分享一下基础的常用对齐技巧心得. 心得分享: 一.基础操作方式 工欲善其事,必先利其器. 利用参考线对齐.在Photoshop的[编辑]-[首选项]菜单中可以设置合适的网格尺寸.   在设计前期将界面进行设置框架参考线,通过参考线将按钮.文字.图形对齐.   PS参考线小插件-GuideGuide 这是一个非常便捷的画参考线的工具,让你节省了时间去算参考线.在插件你可以输入一些数字,GuideGuide可以通过你设定的单位自动划分号好网格.这个软