a标签的href和onclick属性同时存在时哪个先触发,a标签href和onclick执行顺序
功能连接/a
从标签的语法结构可以看出,设置一个超链接来实现不同的链接效果,有很多参数可以选择,有点出乎意料吧?
类别和id选项:用于设置链接点的类型和分配的ID号,通常不设置。两个最常用的参数是href和name。Href是超文本引用的缩写,用来设置链接地址。链接地址必须是url地址。如果没有给出具体的路径,默认路径与当前页面的路径相同。链接的文件也可以分为几种情况:如果是HTML文件,直接在当前浏览器打开;如果是可执行文件(。exe文件),它是直接执行或者下载的,我们提供的下载文件就是用这个特性做的;如果是文本文件,如word格式的文件,可以在浏览器中打开并编辑。
Rel:表示设置链接的关系:rel=same表示要链接的文件与此文件相同,rel=next表示要链接的文件是下一页,rel=parent表示此文件是要链接的文件的父文件,rel=previous表示要链接的文件是上一页。
Rev:用于设置反向链接。
Target:设置使用框架窗口时链接到哪个窗口,target=_bank 表示打开新窗口打开网页。
标题:用于设置链接点被选中时显示的标题。
Once:对应一个事件,点击链接点会触发这个事件,执行对应的子程序。
Onmouseover:类似于onclick,当鼠标移动到链接点上时触发相应的事件。
Onmouseout:鼠标移出死栓后触发相应的事件。
举几个例子:
a href= http://blog.163.com/WB _赵玉伟/blog/index.htm 返回首页/a
a href= 3358blog.163.com/WB _赵玉伟/blog/sound.wav 播放语音文件/a
a href= http://blog.163.com/WB _赵玉伟/blog/javascipt.open()执行相应的程序/a
A herf=document.doc 打开相应的文档进行处理/a
应用技能
1.提供下载文件。
很多网友来信询问如何提供下载的效果。其实还是超链接,只是下载的文件必须上传到网站上。比如有一个“Web Skills”包可供下载,文件名为“homepagejq.zip”并且已经上传到网站,那么这个链接的代码可以这样写:a href= 3358blog.163.com/wb _ zhaoyuwei/blog/homepagejq . zip 点击这里下载“Web Skills”包/
2.在新窗口中打开链接的网页。
将“目标”的值设置为“_空白”。示例:打开新窗口打开网页“aboutme.htm”。产生这种效果的代码是:a href= http://blog.163.com/wb _赵玉伟/blog/about me . htm target= _ blank 关于我./a。
3.将鼠标移动到链接上以显示一行说明性文本。
这种效果可以通过设置“title”参数的值来实现。举例:鼠标移动到“黄山村人”链接上时,显示“这是一个介绍网页制作技巧的专业网站”。这个链接的代码是这样的:a href= http://blog.163.com/wb _ zhaoyuwei/blog/hscf . htm title=这是一个介绍网页制作技巧的专业网站黄山村富/a
4.将鼠标移动到一个链接上,就会弹出一个窗口。
这是通过设置onmouseover参数获得的效果。示例:当鼠标移动到一个链接上时,会弹出一个窗口,显示“鼠标悬停效果演示!”。这个链接的代码是这样的:a href= http://blog.163.com/wb _ zhaoyuwei/blog/other web pages . htm link/a .用类似的方法可以创建鼠标按下时弹出显示窗口,鼠标离开时弹出提示窗口的效果。
5.链接到此页面上的指定内容。
要链接到该页面的一部分(即“跳转到文件”),必须用参数name指定链接点的名称。选择一段文本,可以用name参数命名,用于链接。所谓同文档跳转,是指读者在阅读一篇较长的文档时,如果只对某一部分内容感兴趣,可以采用跳转阅读法。它的基本格式是:
A= # link name 第二部分/a第一部分内容.
......
A=链接点名称/第二部分的实际内容.
......
这样,当你点击“第二部分”的超链接时,你将被自动转移到“第二部分实际内容”的地方。“name”参数定义的链接点名称可以随意选择,但链接的“href”参数中的链接点名称必须与之一致。别忘了在前面加个#号。
6.链接到其他页面的指定内容位置。
方法类似于上面的例子,但是网页的文件名应该加在“href”参数中链接点的名称之前。例如,有两个网页,page1.htm和page2.htm。每页有两部分。现在,超链接应该在page1.htm制造。当你按下这个链接,它会转到page2.htm的第二部分。那我们可以这样做。首先,在page2.htm的第二部分开头写下面的代码:a name= link name /a;在page 1 . htm:a href= http://blog.163.com/WB _赵玉伟/blog/pagw 2 . htm # link name page 2/a的第二部分写这样一个链接代码
7.链接到电子邮件
点击一个超链接后,客户端的邮件管理软件就会开始给你写信。示例代码:a href=mailto:web@webjx.com 请给我写信/a .一旦点击“请给我写信”链接,邮件管理软件(如OE)的写信功能将自动启动,邮件地址将被添加到收件人的地址栏中。
链接不仅可以由文本来承载,也可以由图像来承载,还可以由图片的某个部分来承载,所有这些效果都可以通过相同的方法来实现。区别只是载体,也就是两对链节方括号之间的部分,其他的就不举例了。