学习
实践
活动
专区
工具
TVP
写文章

location.href跳转测试

> <a href="javascript:;" onclick="javascript:ToUrl('http://www.baidu.com');">location.href跳转测试1</ a> <a href="javascript:void(0);" onclick="javascript:ToUrl('http://www.baidu.com');">location.href 跳转测试2 <a href="javascript:void(0);" onclick="javascript:ToUrl('http://www.baidu.com');return false;">location.href跳转测试3 <a href="#" onclick="javascript:ToUrl('http://www.baidu.com');">location.href 跳转测试4 <a href="###" onclick="javascript:ToUrl('http://www.baidu.com');">location.href跳转测试5</a

30230

a标签href的功用

2021-02-02 18:19:38 a标签在html内使用最多的就是超链接,在href属性中加入url链接即可。 当然,他还有其他的一些功用,下面来看一下 锚点

<a href="#div">跳转到id="div"标签的位置 <a href="#">回到顶部</ a> 这个点击后会在url中增加一个hash,刷新之后依然后定位到锚点位置 拨号 <a href="tel:18333333333">给18333333333打电话 这种方式一般在移动端比较适用 ,可以调起拨号功能 发短信 <a href="sms:18333333333">给18333333333发短信 这种方式同样一般在移动端比较适用,可以调起发短信功能 发邮件 <a href="mailto :abc@qq.com">给abc@qq.com发邮件 这种情况需要在当前设置上安装邮件软件有效 协议限定符 这个我们用的会比较多 <a href="JavaScript:void(0)">不跳转或执行

57420
  • 广告
    关闭

    热门业务场景教学

    个人网站、项目部署、开发环境、游戏服务器、图床、渲染训练等免费搭建教程,多款云服务器20元起。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    location.href跳转测试

    > <a href="javascript:;" onclick="javascript:ToUrl('http://www.baidu.com');">location.href跳转测试1</ a> <a href="javascript:void(0);" onclick="javascript:ToUrl('http://www.baidu.com');">location.href 跳转测试2 <a href="javascript:void(0);" onclick="javascript:ToUrl('http://www.baidu.com');return false;">location.href跳转测试3 <a href="#" onclick="javascript:ToUrl('http://www.baidu.com');">location.href 跳转测试4 <a href="###" onclick="javascript:ToUrl('http://www.baidu.com');">location.href跳转测试5</a

    64960

    asp.net mvc razor布局页中a标签href跳转问题

    并把该文件的路径保存到数据库中, 如这样的一个路径保存在数据库: file/b775f487-0127-41e0-9df8-2a5f1624cd87.jpg 上传成功后,当在home控制器的index页面中的a标签中 ,直接这样编写 <a href="@filePath">下载 页面生成后,链接是 http://localhost:53953/file/b775f487-0127 -41e0-9df8-2a5f1624cd87.jpg 完全没有问题  可以正常访问并下载,但是在note控制器的Detils的页面下,我使用同样也是这样的a标签指向文件 <a href

    90550

    Html标签href的困惑记载

    之后就去查证了下关于这Html标签Href属性。超链接的 URL。 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。 而href=”#”代表的是本地页面[页面跳转到页面本身]。如此就能解释了之前出现问题了:ios可以监听到<a href="#">点击这种链接,从而使得页面被刷新。 (很认同,原话出自:张鑫旭) ---- 此段15-08-19 20:06更新: 今日在博客园~神人唯吾的标签href和onclick属性这篇文章中看到了一个说法: 尽量不要用javascript 故此:此处当不依靠href属性做页面跳转时候,最好还是用javascript:;更优一点。 ---- Gui求指点,欢求吐槽!

    1.4K50

    a标签中防止跳转href=javascript:;、void(0);等都是什么意思

    标签href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL(路径),包括片段标识符和 JavaScript 代码段。 一般在这种情况下,会给绑定一个事件回调,来执行业务,如: 执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转。跟当前a标签无关,这段代码始终都会执行。 1、设计一个a链接的代码,让其点击的时候执行一个 alert() 函数: <a href="javascript:alert('不跳转');">www.w3h5不跳转 2、此时在页面上显示一个a <a href="####" >test; 使用2个到4个#,见的大多是 "####" ,也有使用 "#all" 等其他的。一个无意义的标签指定,不做任何处理。 声明:本文由w3h5原创,转载请注明出处:《a标签中防止跳转href="javascript:;"、"void(0);"等都是什么意思》 https://www.w3h5.com/post/228.html

    1.6K20

    html a标签跳转_点击a标签不进行跳转

    如果a标签的”href”属性为空的话,当点击修改链接时并不会跳到对应页面,而是只在本页面进行了刷新操作。 1 <a href="JavaScript:js_method();" 这种方法地址也不发生跳转,在传递this等参数的时候很容易出问题; 而且javascript作为a的href属性的时候会导致不必要的触发 2.onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined, 地址不发生跳转。 不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。 ---- 5 <a href="#" onclick="js_method();return false;"" 这种方法点击执行了js函数后return false,页面不发生跳转 以上内容参考 ---- 如果想要在a标签上直接写js代码: <a href="javascript:void(0);" onclick="javascript:window.location.href=

    35130

    ajax中window.location.href跳转

    tquencether,Status=Status} success: function (data) { if (data == '1') { ; // window.location.href = 'ModelDatasequence.aspx'; // location.href = 'ModelDatasequence.aspx'; // window.location.href 你的ajax是同步的,所以提交表单动作被挂起直到ajax完毕后(此时执行请求过一次服务器),表单会提交,这样就会执行页面指定的action的地址, 而ajax回调success href的链接赋值不成功 ='xxx.html',它是执行了,的确是去执行了跳转的,于是ajax完成了,那接下来就要把刚才的submit提交的请求完成。 于是呢又要从xxx.html跳回到刚才那个页面(无论你submit有没有提交具体的数据,总之提交了之后如果后台没有执行跳转/重定向,它就要回到原来的页面。)

    1.5K20

    使用h5 标签 href=url download 下载踩过的坑

    用户点击下载多媒体文件(图片/视频等),最简单的方式: <a href='url' download="filename.ext">下载 如果url指向同源资源,是正常的。 ([data]); var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a') save_link.href

    4.3K20

    jquery获取a标签href值为空的连接,并提示信息

    在未上线的项目中,尤其前端开发过程中,挺频繁使用超链接,但是超链接点击之后会跳转当前的首页!(很烦心). 我在开发过程一般获取a的没有指定的href值的超链接进行提示项目展示,未跳转至具体链接等温馨提示! 下面附上js代码! $(function(){ $('a').click(function(){ return false; var ahref=$(this).attr('href'); if(ahref ==false){ console.log('1'); alert('项目展示,并非官方站点,不做连接跳转'); } }) }) 上一篇介绍过,返回一个false,阻止冒泡这样不会随意跳转啦 上述代码,简单的获取当前点击的超链接的href值,如果href值不存在,则使用console进行提示测试人员! 项目开发完成可以随时删除此代码,代码压缩精简!

    2.5K30

    HTML meta标签实现定时刷新或跳转

    就是我们网页平时跳转,还可以使用<meta>实现,下面几个典型代码示例: <meta http-equiv=”refresh” content=”5″>这个表示当前页面每5秒钟刷一下,刷一下~ <meta ~ 所以,当我们下次遇到“登录成功,正在跳转到您之前访问页面……”的时候,可以使用<meta>的这个refresh刷新,跳转功能,可以说是成本最低的。 为何meta跳转不火呢? 大家可以看到,meta跳转,使用方便,不用写JS,不用会后台代码,定时跳转刷新什么的玩得照样很溜,而且兼容性好,为啥总感觉不温不火,很少看见有人提及呢? 坊间是这么传闻的: 时间设为0的跳转,有时候页面会闪一下; 跳转到其他页面,浏览器后退按钮是不能用的; 但是啊,现在是什么年代啊,监狱风云都拍到第二季了,这些老问题,我觉得就可以忽略不计了。 不妨大胆试试meta跳转,好好利用下浏览器的原生特性,说不定就会发现比什么JS跳转之流用得更开心。

    98210

    HTML中点击超链接标签使其不跳转

    最近使用前端框架,需要使用一个超链接标签的样式,但又不要让他跳转,所以搜集了网上的资料查到几个方法: 方法一:<a href="#"> 但是有一个缺点,如果页面很长的话,会跳到本页面的顶部 方法二:<a href="#" onclick="return false"> 这个方法在大部分场景都可以,推荐使用! 方法三:<a href="javascript:void(0)"> 用href=”javascript:void(0)”这种伪协议;(这种伪协议,少写的好),这句话我不是很懂,我在一些人的文章中看到的 方法四:<a href="javascript:myTest('hello');"> 这里的myTest是自定义的一个javascript函数!

    1.6K30

    链接中 href=# 和 href=### 的区别以及优缺点

    首先, 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 标签的解释和处理不同 其次,使用 标签 + onclick='{jscode}'  时经常会加一个 href='###',而有时这个 href='###' 会被误写为 <a href='#'> 是因为使用者没有理解 简单地说,就是说如果想定义一个空的链接,又不跳转到页面头部,可以写href="###"。 详细解释就是'#' 是有特定意义的,如果 '#' 后有内容会被认为是一个标签而从页面找到相应标签跳转到该处,找不到时会跳到页首, '###' 其实就是一个无意义的标签指定,也就是一个 '#' 和不存在的标签 ###' 只是一种使用者习惯,如果你愿意,可以随便找一个跳转不到的标签作为命名。

    542120

    Javascript中的href

    博客:noahsnail.com | CSDN | 简书 在Javascirpt中经常会用到超链接,但有时不想让超链接起作用,想自己编写响应事件,又想要超链接的外观,此时就可以修改中的href 1. href=”#” href="#"也是一个超链接,只是这个超链接是指向的本页,因此如果中的href设为#,虽然不会修改页面数据,但页面滚动到起始位置。 代码如下: <a href="#"> 小技巧:如果href="#id"后面是一个控件的id,则页面会滚动到控件的位置,在页面滚动时很有用。 2. href=”javascript:void(0)” href="javascript:void(0)"表示点击超链接时什么也不用,但可以在JS中编写对应的click响应函数。 代码如下: <a href="javascript:void(0)">

    64720

    扫码关注腾讯云开发者

    领取腾讯云代金券