文档库
文档库 最新最全的文档下载
当前位置：文档库 › a标签的onclick与href作用

a标签的onclick与href作用

a标签的onclick与href作用
a标签的onclick与href作用

html中a标签中的onclick和href的使用

onclick

链接的onclick 事件被先执行，其次是href 属性下的动作（页面跳转，或javascript 伪链接）；

假设链接中同时存在href 与onclick，如果想让href 属性下的动作不执行，onclick 必须得到一个false 的返回值。不信，你可以将goGoogle 函数中的return false 注释掉；

如果页面过长有滚动条，且希望通过链接的onclick 事件执行操作。应将它的href 属性设为javascript:void(0);，而不要是#，这可以防止不必要的页面跳动；

如果在链接的href 属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；

在按住Shift键的情况下会有所区别。

今天我遇到的问题，在IE6.0里以href的形式访问不到parentNode。

尽量不要用javascript:协议做为A的href属性，这样不仅会导致不必要的触发window.onb eforeunload事件，在IE里面更会使gif动画图片停止播放

下面是自己遇到的：

如果不设置href属性在IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a

标签（IE下都存在这一问题）。

假定我们有个fn方法，需要取到这个元素，第一个方法传入的this是空值。

所以，比较推荐的写法是

下面代码则执行了subgo()函数，

点我

在这里，javascript:void(0),没启实质上的作用，它仅仅是一个死链接，执行的函数是subgo ()。

点我与点我区别。

实际上#包含了一个位置信息默认的锚是#top 也就是网页的上端，而javascript:void(0) 仅仅表示一个死链接，没有任何信息。所以调用脚本的时候最好用void(0)

href一般是指向一个URL地址，也可以调用javascript ,如href="javascript:xxx();",文档中推荐这样写：xx,但是这种方法在复杂环境有时会产生奇怪的问题，尽量不要用javascript:协议做为A的href属性，这样不仅会导致不必要的触发window.onbefor eunload事件，在IE里面更会使gif动画图片停止播放。

我们知道链接的onclick 事件被先执行，其次是href 属性下的动作（页面跳转，或java script 伪链接），如果不想执行href 属性下的动作执行，onclick 需要要返回false ，一般是这样写onclick="xxx();return false;".

TabPane的JS源码，由于onclic k没有返回FALSE，当IFRMAE中关闭TABPANE时会导致href执行，页面显示有问题。解决办法就是将下面代码复制到使用TAB的JSP中。

------------------------------------------------------------------------------------------------------------------------------------------

至于其他楼说的【IE8中，如："javascript:;","javascript:void(0)","javascript:void(null) "都被拒绝】因为没有安装IE8，不敢妄下结论。

------------------------------------------------------------------------------------------------------------------------------------------

如果在实际应用中确实是要用到标签来响应onclic k事件的。

那么就建议使用下面三种方法

1.test

2.test

3.test

--------------------------------------------------------------------------------------------------

超级链接标记代表一个链接点，是英文anchor（锚点）的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像，这已是众所周知了，但关于它的语法结构可能有点鲜为人知，而要用活它则必须了解其语法结构。标记的基本语法结构是：

class=type

id＝value

href＝reference

nam e＝value

rel=same|next|parent|previous

rev＝value

target＝window

style＝value

title=title

onclick＝function

onmouseout＝function

onMouseOver=function>连接

从标记的语法结构可以看出，在设定一个超级链接时有很多参数可供选择，以实现不同的链接效果，这有点出乎意料吧？！

其中class和id选项：用于设定链接点所属的类型和分配的ID号，通常不加以设定。最常用的两个参数是href和name。其中href是hypertext reference的缩略词，用于设定链接地址。链接地址必须为url地址，如果没有给出具体路径，则默认路径和当前页的路径相同。链接到的文件也分为几种情况：如果为HTML文件，则在当前浏览器中直接打开；如果为可执行文件（.exe文件），则直接执行或下载，我们提供下载的文件就是用它的这种特性做的；如果为文本文件如word格式的文件，则在浏览器中打开此文件，并可以进行编辑加工。

rel：表示设定链接的关系：rel=same表示待链接的文件与此文件相同，rel=next表示待链接的文件为下一页，rel＝parent表示本文件为待链接文件的父文件，rel=previous则表示待链接的文件为上一页。

rev：则用于设定反向链接。

target：是在采用帧窗口的情况下设定链接到哪一个窗口，还有target="_bank"是表示

新开一窗口打开网页。

title：用于设定链接点被选到时显示的标题。

onclick：对应于一个事件，当链接点被点击后将触发这个事件，执行对应的子程序。

onmouseover：与onclick类似，对应的事件在鼠标移到链接点上时被触发。

onmouseout：对应的事件在鼠标移出镇接点后被触发。

举几个例子：

回到主页

播放语音文件

执行对应的

程序

打开对应的文档进行加工

应用技巧

1、提供下载文件

有不少网友来信问，提供下载的效果怎么做。实际上仍然是做一个超级链接，不过供下载的文件必须上传到网站上。例：有一个“网页技巧”的文件包供下载，文件名是“homepagejq.zip”且已上传到网站了，则这个链接的代码可以这样写：点击这里下载“网页技巧”文件包。

2、在新窗口中打开链接的网页

设定“target”的值为“_blank”。例：新开窗口打开网页“about m e.ht m”。产生该效果的代码是：关于我......。

3、鼠标移到链接，显示一行说明文字

设定“title”参数值，即可获得这种效果。例：当鼠标移到“黄山村夫”这个链接上时，显示说明“这是一个介绍网页制作技巧的专业网站”。这个链接的代码是这样的：黄山村夫。

4、鼠标移到一个链接上弹出一个窗口

这是设定onmouseover参数获得的效果。例：当鼠标移到一个链接上，弹出一个窗口并在窗口中显示“鼠标悬停效果演示！”。这个链接的代码是这样的：链接。用类似的方法可以制作当鼠标按下后弹出提出示窗口、当鼠标离开时弹出提示窗口的效果。

5、链接到本页的指定内容

要实现链接到本页的某一部分内容上（也就是“文件内跳转”），必须用参数name指定链接点的名称。选定一块文本，可以用name参数为其命名，以备链接所用。所谓同一个文件内的跳转是指当读者在阅读一个很长的文件的时候，若只对某部分的内容感兴趣，可以采用跳跃式的阅读方式。其基本格式是：

第二部分第一部分内容......

...........................................

第二部分实际内容...... ...........................................

这样当你点击“第二部分”这个超级链接后，就会自动转移到“第二部分实际内容”这个地方来。“nam e”参数所定义的链接点名称可以随意取，但链接的“href”参数中的链接点名称必须与其一致，不要忘记在前面加上“#”。

6、链接到其它页面的指定内容位置

方法与上例类似，但在“href”参数中的链接点名称前要加上网页的文件名。例：有两个网页page1.ht m和page2.ht m，每页均有两部分内容，现要在page1.ht m中制作一个超级链接，按下该链接后将转到page2.ht m的第二部分内容上。那么我们可以这样做，首先在page2.ht m第二部分内容开始的地方写上这样一句代码：；在page1. ht m中写上这样一个链接代码：page2 的第二部分内容。

7、链接到E_mail

点击一个超级链接后，将启动客户机上的电子邮件管理软件给你写信。例这行代码：请给我写信。一旦你点击了“请给我写信”这个链接，将自动启动电子邮件管理软件（如OE）的写信功能，并已把邮件地址加在了收信人的地址栏里了。

链接不仅可以以文本作载体，也可以以图象作载体，而且可以以图片的某一部分作载体，且都能实现上述这些效果，方法也相同，所不同只是载体，也就是链接的两对方括号中间的那部分，所以不再另举例了。

HTML属性详解大全

HTML属性详解 入门 HTML 标签 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 格式化 HTML 样式 HTML 链接 HTML 表格 HTML 列表 HTML 表单 HTML 图像 HTML 背景 HTML颜色 HTML 是用来描述网页的一种语言 HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签, HTML 使用标记标签来描述网页 HETML标签： HTML 标记标签通常被称为HTML 标签 HTML 标签是由尖括号包围的关键词，比如。成对出现的，比如 和 标题 HTML 标题（Heading）是通过

-

等标签进行定义的。

This is a heading

This is a heading

This is a heading

定义最大的标题。

定义最小的标题。 段落 段落是通过 标签进行定义的 This is a paragraph. This is another paragraph. 链接 链接是通过 标签进行定义的 SEO研究中心

图像 图像是通过 标签进行定义的。 图像标签（）和源属性（Src） 在HTML 中，图像由 标签定义。 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性（src）。src 指"source"。源属性的值是图像的URL 地址。例子： URL 指存储图像的位置。如果名为"boat.gif" 的图像位于https://www.wendangku.net/doc/7d4753633.html, 的images 目录中，那么其URL 为https://www.wendangku.net/doc/7d4753633.html,/images/boat.gif。 浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。 替换文本属性（Alt） Big Boat 元素 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 空元素 没有内容的称为空元素
标签定义换行 标签使用小写 文本格式化 文字的各种属性加粗斜体文字方向缩写首字母等 HTML 属性 HTML 标签可以拥有属性。属性提供了有关HTML 元素的更多的信息。 属性总是以名称/值对的形式出现，比如：name="value"。 属性总是在HTML 元素的开始标签中规定。 属性实例 居中排列标题 例子：

定义标题的开始。

拥有关于对齐方式的附加信息。 背景颜色 拥有两个配置背景的标签。背景可以是颜色或者图像

html所有标签及其作用说明

html所有标签及其作用 ,表示该文件为HTML文件 ,包含文件的标题,使用的脚本,样式定义等 ---,包含文件的标题,标题出现在浏览器标题栏中 ,的结束标志 ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. ,的结束标志 ,的结束标志 其它主要标签,以下所有标志用在中: ,链接标志,"…"为链接的文件地址 ,显示图片标志,"…"为图片的地址
,换行标志

,分段标志 ,采用黑体字 ,采用斜体字

,水平画线
,定义表格,HTML中重要的标志 ,定义表格的行,用在
中 ,定义表格的单元格,用在中 ,字体样式标志 属性: 属性是用来修饰标志的,属性放在开始标志内. 例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: 表示页面背景色为黑色; 表示表格背景色为黑色. 常用属性: 对齐属性,范围属性: ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. ALIGN=RIGHT,右对齐. 色彩属性: COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色.
表示绝对居中.
表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距

a标签样式,a标签属性

a标签样式 一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括： 总: a 表示所有状态下的连接如 .mycls a{color:red} ①a:link：未访问链接,如.mycls a:link {color:blue} ②a:visited：已访问链接,如.mycls a:visited{color:blue} ③a:active：激活时（链接获得焦点时）链接的颜色,如.mycls a:active{color:blue} ④a:hover：鼠标移到链接上时,如.mycls a:hover {color:blue} 一般a:hover和a:visited链接的状态（颜色、下划线等）应该是相同的。 前三者分别对应body元素的link、vlink、alink这三个属性。 四个“状态”的先后过程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active 不能设置有无下划线（总是有的）。 举例：伪类的常见状态值 <style type = “text/css”> <!-- a {font-size:16px} a:link {color: blue; text-decoration:none;} //未访问：蓝色、无下划线 a:active:{color: red; } //激活：红色 a:visited {color:purple;text-decoration:none;} //已访问：purple、无下划线 a:hover {color: red; text-decoration:underline;} //鼠标移近：红色、下划线 --> </style> a标签属性 a标签是成对出现的,以<a>开始, </a>结束 属性. Common -- 一般属性 accesskey -- 代表一个链接的快捷键访问方式 charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8 coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标href -- 代表一个链接源(就是链接到什么地方) hreflang -- 指出了链接到的页面所使用的语言编码 rel -- 代表文档与链接到的内容(href所指的内容)的关系 rev -- 代表文档与链接到的内容(href所指的内容)的关系 shape -- 使用图像地图的时候可以使用shape指定链接区域 tabindex -- 代表使用"tab"键,遍历链接的顺序 target -- 用来指出哪个窗口或框架应该被此链接打开 title -- 代表链接的附加提示信息 type -- 代表链接的MIME类型 更多信息请查看IT技术专栏

HTML复习

HTML/XML复习题 一、判断对错（正确T 错误F） 1.HTML本身包括网页本身的文本和标记两部分，文本是网页上的内容，标记是用来定义文本显示方式 2.标记必须用<>括起来 3.<>与标记名之间不能有空格或其他字符 4.标记是成对的，有开始标记有结束标记，有些标记是单标记，只有开始标记没有结束标记。 5.标记不区分大小写 6.属性是可选的没有先后顺序 7.标记的属性带有特定的值，属性值包含在直引号中。 8.标记嵌套的规则是先开始的标记后结束，后开始的标记先结束。 9.标记定义页面标题，搜索引擎包括页面的信息，除标题以外的其他内容对访问者是不可见的。 10.网页中整体字体尺寸用basefont标记中的size属性来定义 11.定义网页中所有文字的默认颜色用body标记中的text属性来定义 12.定义颜色的属性值可以用颜色的英文如：red;也可以用RGB表示方式如：122,139,42；还可以用#******来表 示，取值从0-9，a-f 13.上标标记是 ，下标标记是 14.JPEG是最常用静态图像文件格式，是一种有损压缩格式，支持颜色信息丰富，但不能保存透明区域。 15.Swf是FLASH软件生成的动画影片格式，够用比较小的体积来表现丰富的多媒体形式。 16.标记中border属性用来定义图片的边框 17.标记中图像左右空白属性为hspace,图像上下空白属性为vspace 18.设置网页的背景图片使用标记中的background属性，背景图片使用bgcolor属性。 19.预定义格式化文本标记是

 20.body标记中Link属性定义未被访问过的链接颜色；alink属性定义链接激活状态的链接颜色；vlink属性定义 已被访问过链接的颜色 21.target属性用来定义链接打开窗口，当属性值为blank是定义链接在新窗口中打开。 22.
    定义有序列表，
相关文档
相关文档 最新文档

侵权投诉  © 2013-2023 www.wendangku.net  站点地图 | 手机版

闽ICP备11023808号-7  本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈