分类 : Web前端

执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转。这于当前a标签无关,这段代码始终都会执行。

演示如下:

1、设计一个a链接的代码,让其点击的时候执行一个alert()函数:

2、此页面上显示一个a链接效果:

3、点击页面上的a链接,执行结果如下:

扩展资料:

防止页面跳转的实现方式:

1、<a href="#" >test</a>;

点击链接,页面默认上返回到页的顶部, 但可以加上 onclick="return false",防止上滚到页的顶部。

2、<a href="####" >test</a>;

使用2个到4个#,见的大多是"####",也有使用"#all"等其他的。一个无意义的标签指定,不做任何处理。

3、<a href="javascript:void(0);" >test</a>;

javascript:void(0) 表示一个死链接,执行空事件。


1、 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。

2、javascript: 是一个伪协议,其他的伪协议还有 mail:  tel:  file:  等等。

<a id="jsddgit" class="set-item" href="javascript:;">修改密码</a>1

javascript:是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击时就没有任何反应。

3、一般在这种情况下,会给绑定一个事件回调,来执行业务,如:

document.getElementById('jsddgit').addEventListener('click', function(e) {
e.preventDefault();  // 当<a>触发click时,处理业务}, false);1234

4、简单来说,”javascript:”是另外一种嵌套js代码在网页中的一种方法。 跟通过标签嵌套js代码差不多。 如点击下面链接会会执行”javascript:”后面的内容。

<a href = "javascript:alert(22);">来点我</a>1

扩展资料

例子:<a href="javascript:;">我是一名大学生</a>

javascript: 是一个伪协议

javascript:是表示在触发<a>默认动作时,会执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应的。

href="javascript:;"就是去掉 a 标签的默认行为,跟href="javascript:void(0)"是一样的方法

void 是JavaScript 的一个运算符,void(0)就是什么都不做的意思。



分类: Web前端    访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    电脑知识    CSS基础
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程


分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 电脑知识 CSS基础

随机阅读

win7禁用ie浏览器方法 win7怎么把桌面的ie隐藏
text-transform 首字母大写
oracle计算两个时间的差值(XX天XX时XX分XX秒)
html中嵌套iframe页面 如何将一个html页面中嵌入另一个ht
用“ul+li”及css制作韩国风格菜单
oracle sql like多个条件函数
oracle数据库模糊查询匹配多个字符串
oracle字段like多个条件
Java:String和Date、Timestamp之间的转换
Spring Boot 教程 - MyBatis-Plus
如何用u盘重装系统?用U大侠U盘启动制作盘安装Win7系统教程
方正综艺简体下载大全,什么方正综艺简体字体下载
C#遍历指定文件夹中的所有文件
Mysql和Redis数据同步策略
java String类型与Date日期类型互相转换

最新

零基础学习C语言,怎么入门?
C语言使用什么软件?
c语言用什么软件编写(新手c语言基础知识入门)
Oracle如何实现like多个值的查询
Oracle如何实现like多个值的查询 - 数据库
oracle 多个like条件查询
Oracle中关键字like的使用总结
oracle 中模糊查询对like的代替insrt()函数
oracle数据库模糊查询匹配多个字符串
Oracle如何实现like多个值的查询 - Oracle - 服务器

推荐阅读

vscode----vue中HTML代码tab键自动补全
html如何实现鼠标悬停显示文字,鼠标移走文字消失。
c语言中break语句的作用
C#语言之“string格式的日期时间字符串转为DateTime类型”
undefined是什么意思啊
DIV CSS字体(font-family)实现字体样式设置
AirPods怎么删除配对过的设备 airpods可以和电脑连接的
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
risk-taking中文是什么意思
replace和replaceAll是JAVA中常用的交换字符的办法

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16