HTML - 空链接
当你在HTML中设置超链接时可能会遇到的问题，
1、当你给a标签设置herf属性时，如果我们不想让页面进行转跳时我们可以给出下列样式；
<a herf=” ”>点我</a>
<a herf=”#”>点我</a>
<a herf=”##”>点我</a>
<a herf=”###”>点我</a>
<a herf=” javascript:void(0)”>点我</a>
<a herf=” javascript:;”>点我</a>
这些呢，在我们不想给a标签设置herf属性时的选择。
2、然后让我来讲一下这些空链接的区别，
<a herf=” ”>点我</a>
<a herf=”#”>点我</a>
这两个呢，是我们开发时最少出现的，我们给herf属性设置的能是一个空格，一个#号键，
而HTML给他们的属性是#top，也就是回到页面的最上方。
3、解决他的方法也很简单，我们可以给他设置一个点击事件，比如说
<a herf=”#” onClick=” alert(Hello world)”>点我</a>
这样我们的a标签点击时就不会返回最上方了，但我们又多了一个问题，点击a 标签是会多出一个弹窗给如何解决呢？
4、那我们就换个方法，比如从herf属性下手，当我们给a标签的herf属性设置一个空格或一个#号键时，我们给的并不是空链接而是#top属性，那我们就将#号键加到2-3个，那么给出的属性就是空的（如下）。
<a herf=”##”>点我</a>
<a herf=”###”>点我</a>
5、我们也可以将herf属性设置成
<a herf=” javascript:void(0)”>点我</a>
<a herf=” javascript:;”>点我</a>
javascript:void(0) ，是一个死链接他返回给JavaScript的值是空的，也不会产链接转跳，当然javascript:;也是一个死链接。
6、在IE中使用javascript:void(0)可能会引发的问题，比如：造成gif动画停止播放等，所以最安全的方法还是
<a herf=”###”>点我</a>
或者我们也可以这样
<a herf=”javascript:void(document.form.submit())”>点我</a>
这样我们输出的结果都是空的，效果都是一样的，
7、当然我们也可以在点击事件上下手，比如说
<a herf=”#” onClick=”return false”>点我</a>
我们把他在点击事件上设置成什么都不做的。
8、我们也可以让他去执行函数，再将函数设置命令为什么都不做的，
<a href="javascript:void(0)" onclick="doSomething()">test</a>
<a href="#" onclick="doSomething();return false;"> </a>
<a href="#" onclick="alert();event.returnValue=false;">test</a>
这样我们就能彻底解决浏览器不兼容的问题。
初来乍到，大佬勿喷。
HTML - 空链接相关推荐
- HTML——a标签实现空链接（禁止跳转）
基本概念 空链接:指鼠标指向链接后,鼠标变成手形,但是单击链接后,仍然停留在当前页面. 解决方案 a标签href不跳转 禁止跳转 当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法: 1. ...
- [css] 怎么使用css选择空链接？
[css] 怎么使用css选择空链接? <!DOCTYPE html> <html lang="en"> <head><meta char ...
- 【原】[webkit移动开发笔记]之空链接是使用javascript:void(0)还是使用#none
基于webkit内核的移动开发笔记,之前已经写过4篇,主要是关于移动开发重构的分享,今晚有空了再写一篇. 回忆去年年底最后的一个项目,还有一个很怪异的bug,让项目团队的成员感到十分头疼.测试组的同事 ...
- HTML a标签之空链接
文章目录 `` 标签介绍 空链接的作用以及``和``的区别 <a> 标签介绍 <a>是HTML的标准标签之一,称为链接或是超链接标签.这个标签作用是定义一个锚(anchor), ...
- html空链接跳转,网页中空链接几种实现方法的区别
设计蜂巢.设计蜂巢.设计蜂巢都可以实现空链接,下面来具体认识一下它们之间的区别. 一."#":"#"表示锚链接,默认为#top.如地址不存在则不会发生页面跳转. ...
- Dreamweaver 8 锚点链接 下载链接和空链接
锚点链接指的是网页内的内容链接. 方法如下: 1.在需要链接到的位置,命名一个锚点.输入锚点名称 2.选中锚点的起点文本,在属性中选择"链接",输入 #锚点名称,如本例中输入 ...
- 超链接标签（外部链接、内部链接、空链接、下载链接、网页元素链接、锚点链接）、注释
超链接标签 在HTML中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面 1.链接的语法格式 <a href="跳转目标" target=" ...
- HTML中超链接：内部链接、外部链接、空链接、锚点链接的区分
①.内部链接:在自己的网站中,网页之间相互跳转. <a href="a.html" target="_blank">跳转到a.html</a& ...
- 超链接——内部链接、外部链接、锚点链接、下载链接、空链接、其他元素链接
一.内部链接 first.html 和second.html在同一文件内,想在first.html中通过超链接跳转到second.html中,可以通过内部链接实现. <a href=" ...
- 空链接，a标签herf属性，href=“#” 或者 href=“javascript:void(0)；” 或者href=“javascript:；“ 区别
目录 # 包含了一个位置信息,默认的锚是 #top 也就是网页的上端. href="javascript:void(0);" 和 href="javascript:;&q ...
最新文章
- [Android编程心得] Camera（OpenCV）自动对焦和触摸对焦的实现
- 细说接口性能优化的11个小技巧
- oracle中substr() instr() 用法
- C 语言链表其他实现
- 继承extends、super、this、方法重写overiding、final、代码块_DAY08
- Windows 10 IoT Core 17101 for Insider 版本更新
- VS生成Cordova for Android应用之Gradle
- 如何通过大华sdk采集一帧图像?_EasyData解放数据标注员双手，采集清洗标注一站搞定...
- Spring Boot 使用Dubbo 创建Hello Wrold
- ubuntu14.04安装显卡驱动（转载）
- Pycharm更换主题
- java如何美化按钮_css美化button按钮
- 设置合适的密码策略chage命令
- eslint 如何关闭检查变量名规范或者大小写检查
- 从江户川乱步到东野圭吾-日本推理小说的发展 (1)
- GD32F103 USB 虚拟U盘实验一（内部Flash）
- 山西票号的内部控制分析
- macOS 开发 - AppleScript 简介
- 1029: 三角形判定 C语言
- C++基础入门（超详细）