【前端】javascript:; 是什么_javascript:;-程序员宅基地

技术标签: 前端  javascript  

javascript: 是一个伪协议,

①javascript:  是一个伪协议,表示在触发默认动作时,执行一段JavaScript代码,

②javascript:; 表示什么都不执行,这样点击时就没有任何反应。

③用在哪 : 当前页面点一下,不跳转, 一般这么干的话会额外用jQuery绑定事件

其他的伪协议还有 mail: tel: file: 等等。

还得知道啥其他防止页面跳转的实现方式 :

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

①点击后,页面默认上滚到页的顶部,

②防止上滚到页的顶部 : 加上 οnclick="return false"

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

①是啥 : 一个无意义的标签指定,不做任何处理。

②用2个到4个#,大多是"####",也有使用"#all"等其他的。

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

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

【在哪看见 , 举个例子】

<a href="javascript:;" th:data-parentid="${t.id}" class="clickBtn" th:text="${t.name}"></a>

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

【作用】

点了这个以后不没反应, 但是因为我要额外用jQuery给它绑定事件比如alert一下 , 那我就在额外自己去写代码了

这是做导航的时候后端List类型数据传到前端来进行遍历后用href圈起来的 ,效果:

宇宙 >> 银河系 >> 地球

然后默认打开页面是宇宙相关数据 , 宇宙 >>

点了银河系以后 , 就变成 宇宙 >> 银河系

以此类推

【后端】

具体跳转到篇目 : 吐司导航【挖坑中】

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/HolaOrange/article/details/123606345

智能推荐

linux远程visualvm,visualVM远程监控JVM详解-程序员宅基地

文章浏览阅读450次。对于完全没用使用过visualVM的初学者环境:Windows PC上使用visualVM监控远端JVM@@@@jstatd方式连接@@@@1、Windows安装jdk,$JAVA_HOME/bin/jvisualvm.exe,jdk自带图形化监控工具,双击运行2、linux安装jdk, $JAVA_HOME/bin 下创建一个新文件 jstatd.all.policy,编辑该文件,填入内容,配..._linux visualvm

php 递归 数组 键,php – 递归替换数组中的键-程序员宅基地

文章浏览阅读126次。试试这个:function replaceKeys(array $input) {$return = array();foreach ($input as $key => $value) {if (strpos($key, '_') === 0)$key = substr($key, 1);if (is_array($value))$value = replaceKeys($value);$..._php 递归替换多维数组key

2019腾讯春招暑期实习提前批编程题_腾讯2019后台开发春招实习生的题-程序员宅基地

文章浏览阅读2.1k次,点赞2次,收藏9次。错过了腾讯的春招编程题(在牛客笔试前已经电话面所以就没参加,有自己做C++的笔试,对C++不熟,感觉已经凉了),但是朋友做了便截图下来然后自己练习一下,给我的感觉就是,会做的就很快写完,不会的基本没有什么思路,总之很快写完了三道题,但是有两道是不会的。下面按题目给出我的代码,有错的恳请指正。1、不要看到这个就以为是背包问题,这个是从大到小的,也就是说什么面值的货币都有,所以就不存在比如..._腾讯2019后台开发春招实习生的题

职称计算机上机考试题,2017年职称计算机考试Internet练习题-程序员宅基地

文章浏览阅读106次。2017年职称计算机考试Internet练习题导语:在职称计算机的考试中,关于Internet方面的内容练习你还懂得多少?下面是百分网小编整理的相关考试试题。更多试题内容请上应届毕业生考试网查询。(1)微型计算机按照结构可以分为A)单片机、单板机、多芯片机、多板机B)286机、386机、486机、Pentium机C)8位机、16位机、32位机、64位机D)以上都不是【答案】A【解析】:注意,这里考..._上机internet题

linux下svn 钩子函数,SVN使用钩子函数(post-commit)自动推送到业务服务器(示例代码)...-程序员宅基地

文章浏览阅读250次。方法对比:update和export对比update会产生隐藏文件,存在安全隐患,update是增量的,在代码比较大的时候适用export直接导出干净的代码,不会存在隐藏文件,不适合较大的库方法一:update钩子模版: 仓库中hooks目录下post-commint模版可以触发shell>cp post-commit.tmpl post-commitshell>chmod +x ..._linux svn 设置钩子函数调用后端接口

c语言定时器程序linux,C++_c语言定时器示例分享,在linux下开发,使用的是C语言 - phpStudy...-程序员宅基地

文章浏览阅读102次。#include #include #include #include #include #include #include #include #include #include #include #include "pthread.h"#include #include #include struct StructOfTimerStatus{unsigned int count;..._c 语言定时器框架

随便推点

WebDriver_常用API操作技巧(下)_webdriver.chrome()参数-程序员宅基地

文章浏览阅读296次。WebDriver_常用API操作技巧(下)断言页面源码中的关键字目的: 确定所加载的页面是否出现了预期内容用于测试的网址: http://www.baidu.comimport time from selenium import webdriverdriver = webdriver.Chrome() driver.get('http://www.baidu.com') driver.find_element_by_id("kw").send_keys("软达启航")driver_webdriver.chrome()参数

搭建Android x86_64及arm64-v8a操作步骤_安卓模拟器优先加载x86_64的库-程序员宅基地

文章浏览阅读2.8w次,点赞2次,收藏8次。现在android的设备使用64位的cpu已经开始普遍了,所以有必要针对64位的cpu在ndk编译上做一些支持。下面这篇文章转载自:http://blog.csdn.net/fengbingchun/article/details/444917631. 从https://developer.android.com/tools/sdk/ndk/index.h_安卓模拟器优先加载x86_64的库

uni-app随笔_uniapp 中如何查看组件依赖的源码-程序员宅基地

文章浏览阅读279次。获取用户权限 // 获取用户信息uni.getUserProfile({ desc: '登录', // 这个参数是必须的 lang: 'zh_CN', // 返回中文信息 success: (infoRes) => { console.log(infoRes.userInfo) }, fail: (error) => { console.log(error) }})infoRes.userInfo参数:页面跳转1、navigateTo,保留当前页面_uniapp 中如何查看组件依赖的源码

linux下配置 oracle数据导出工具sqluldr2.bin-程序员宅基地

文章浏览阅读1.6k次。1.需要安装oracle_client2.复制sqluldr2_linux32_10204.bin(64位系统用sqluldr2_linux64_10204.bin)到$ORACLE_HOME的bin目录,重命名为sqluldr2.bin3.修改 $HOME目录下.bash_profile 增加如下环境变量export LD_LIBRARY_PATH=$ORACLE_HOME/bin:$ORACL..._sqluldr2.bin

Cocos2d-x VLC Player_cocos vlc-程序员宅基地

文章浏览阅读2.5k次。由于项目需要用到动态的背景,测试发现,如果用帧序列动画将占用超过1G的内存,而CPU的利用率则一直保持在5%左右,所以想到将动态效果做成视频,循环播放,以作为背景之用。查询之下发现cocos2d-x本身带有一个叫做VideoPlayer的类,但是很可惜,它们只能用在移动平台上,而笔者的项目是基于Windows平台的,所以便在网上搜索实现方法,最终利用VLC Player实现了所需的效果。其实原_cocos vlc

json-server模拟接口获取mock数据_json.serve怎么获取mock的数据-程序员宅基地

文章浏览阅读3.3k次。json-server_json.serve怎么获取mock的数据

推荐文章

热门文章

相关标签