a标签的href和onclick属性区别

上传人:宝路 文档编号:20900466 上传时间:2017-11-22 格式:DOCX 页数:5 大小:19.66KB
返回 下载 相关 举报
a标签的href和onclick属性区别_第1页
第1页 / 共5页
a标签的href和onclick属性区别_第2页
第2页 / 共5页
a标签的href和onclick属性区别_第3页
第3页 / 共5页
a标签的href和onclick属性区别_第4页
第4页 / 共5页
a标签的href和onclick属性区别_第5页
第5页 / 共5页
亲,该文档总共5页,全部预览完了,如果喜欢就下载吧!
资源描述

《a标签的href和onclick属性区别》由会员分享,可在线阅读,更多相关《a标签的href和onclick属性区别(5页珍藏版)》请在金锄头文库上搜索。

1、1. 链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接); 2. 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值。不信,你可以将 goGoogle 函数中的 return false 注释掉; 3. 如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动; 4. 如果在链接的 href 属性中调用一个有返回值的函数

2、,当前页面的内容将被此函数的返回值代替; 5. 在按住 Shift 键的情况下会有所区别。 6. 今天我遇到的问题,在 IE6.0 里以 href 的形式访问不到 parentNode。 7. 尽量不要用 javascript:协议做为 A 的 href 属性,这样不仅会导致不必要的触发window.onbeforeunload 事件,在 IE 里面更会使 gif 动画图片停止播放下面是自己遇到的:1. 如果不设置 href 属性在 IE6 下面会不响应 hover。双击后会选中标签的父容器而非这个一 a 标签(IE 下都存在这一问题)。 2. 假定我们有个 fn 方法,需要取到这个元素,第一

3、个方法传入的 this 是空值。 所以,比较推荐的写法是 下面代码则执行了 subgo()函数,点我在这里,javascript:void(0),没启实质上的作用,它仅仅是一个死链接,执行的函数是subgo()。点我 与点我 区别。实际上 #包含了一个位置信息默认的锚是#top 也就是网页的上端 ,而 javascript:void(0) 仅仅表示一个死链接,没有任何信息。所以调用脚本的时候最好用 void(0) href 一般是指向一个 URL 地址,也可以调用 javascript ,如 href=javascript:xxx();,文档中推荐这样写:xx,但是这种方法在复杂环境有时会产生

4、奇怪的问题,尽量不要用javascript:协 议做为 A 的 href 属性,这样不仅会导致不必要的触发window.onbeforeunload 事件,在 IE 里面更会使 gif 动画图片停止播放。我们知道链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行 href 属性下的动作执行,onclick 需要要返回 false ,一般是这样写 onclick=xxx();return false;.TabPane 的 JS 源码,由于 onclick 没有返回 FALSE,当 IFRMAE 中关闭 TABPANE

5、时会导致 href 执行,页面显示有问题。解决办法就是将下面代码复制到使用 TAB 的 JSP 中。-至于其他楼说的【IE8 中,如: javascript:;,javascript:void(0),javascript:void(null)都被拒绝】因为没有安装 IE8,不敢妄下结论。-如果在实际应用中确实是要用到标签来响应 onclick 事件的。那么就建议使用下面三种方法1.test2.test3.test-超级链接标记代表一个链接点, 是英文 anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为 人知

6、,而要用活它则必须了解其语法结构。标记的基本语法结构是:连接从标记的语法结构可以看出,在设定一个超级链接时有很多参数可供选择,以实现不同的链接效果,这有点出乎意料吧?!其中 class 和 id 选项:用于设定链接点所属的类型和分配的 ID 号,通常不加以设定。最常用的两个参数是 href 和 name。其中 href 是 hypertext reference 的缩略词,用于设定链接地址。链接地址必须为 url 地址,如果没有给出具体路径,则默认路径和当前页的路径相同。 链接到的文件也分为几种情况:如果为 HTML 文件,则在当前浏览器中直接打开;如果为可执行文件(.exe 文件),则直接执

7、行或下载,我们提供下载的文件 就是用它的这种特性做的;如果为文本文件如 word 格式的文件,则在浏览器中打开此文件,并可以进行编辑加工。rel:表示设定链接的关系:rel=same 表示待链接的文件与此文件相同,rel=next 表示待链接的文件为下一页,relparent 表示本文件为待链接文件的父文件,rel=previous 则表示待链接的文件为上一页。rev:则用于设定反向链接。target:是在采用帧窗口的情况下设定链接到哪一个窗口,还有 target=_bank是表示新开一窗口打开网页。title:用于设定链接点被选到时显示的标题。onclick:对应于一个事件,当链接点被点击后

8、将触发这个事件,执行对应的子程序。onmouseover:与 onclick 类似,对应的事件在鼠标移到链接点上时被触发。onmouseout:对应的事件在鼠标移出镇接点后被触发。举几个例子:回到主页播放语音文件执行对应的程序打开对应的文档进行加工应用技巧1、提供下载文件有不少网友来信问,提供下载的效果怎么做。实际上仍然是做一个超级链接,不过供下载的文件必须上传到网站上。例:有一个“网页技巧”的文件包供下载, 文件名是“homepagejq.zip”且已上传到网站了,则这个链接的代码可以这样写:点击这里下载“网页 技巧”文件包。2、在新窗口中打开链接的网页设定“target”的值为“_blan

9、k”。例:新开窗口打开网页“aboutme.htm”。产生该效果的代码是:关于我.。3、鼠标移到链接,显示一行说明文字设定“title”参数值,即可获得这种效果。例:当鼠标移到“黄山村夫”这个链接上时,显示说明“这是一个介绍网页制作技巧的专业网站”。这个链接 的代码是这样的:黄山村夫。4、鼠标移到一个链接上弹出一个窗口这是设定 onmouseover 参数获得的效果。例:当鼠标移到一个链接上,弹出一个窗口并在窗口中显示“鼠标悬停效果演示!”。这个链接的代码是这 样的:链接。用类似的方法可以制作当鼠标按下后弹出提出示窗 口、当鼠标离开时弹出提示窗口的效果。5、链接到本页的指定内容要实现链接到本页

10、的某一部分内容上(也就是“文件内跳转”),必须用参数 name 指定链接点的名称。选定一块文本,可以用 name 参数为其命名,以备 链接所用。所谓同一个文件内的跳转是指当读者在阅读一个很长的文件的时候,若只对某部分的内容感兴趣,可以采用跳跃式的阅读方式。其基本格式是:第二部分第一部分内容.第二部分实际内容.这样当你点击“第二部分”这个超级链接后,就会自动转移到“第二部分实际内容”这个地方来。“name”参数所定义的链接点名称可以随意取,但链接的“href”参数中的链接点名称必须与其一致,不要忘记在前面加上“#”。6、链接到其它页面的指定内容位置方法与上例类似,但在“href”参数中的链接点名

11、称前要加上网页的文件名。例:有两个网页 page1.htm 和 page2.htm ,每页均有两部分内容,现要在 page1.htm 中制作一个超级链接,按下该链接后将转到 page2.htm 的第二部分内容上。那么我们可以这样做,首先 在 page2.htm 第二部分内容开始的地方写上这样一句代码:;在 page1.htm 中写上这样一个链接代码:page2 的第二部分内容。7、链接到 E_mail点击一个超级链接后,将启动客户机上的电子邮件管理软件给你写信。例这行代码:请给我写信。一旦你点击了“请给我写信”这个链接,将自动启动电子 邮件管理软件(如 OE)的写信功能,并已把邮件地址加在了收信人的地址栏里了。链接不仅可以以文本作载体,也可以以图象作载体,而且可以以图片的某一部分作载体,且都能实现上述这些效果,方法也相同,所不同只是载体,也就是链接的两对方括号中间的那部分,所以不再另举例了。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 行业资料 > 其它行业文档

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号