精华内容
下载资源
问答
  • 如何在vue项目中动态改变href 问题: 由于将所有api都放在一个js中,对于下载或者有外链时需要使用a标签,那么就需要引用js文件,但是发现a标签不能直接引用外部js的参数; 解决办法: 使用计算属性computed来获取;...

    如何在vue项目中动态改变href

    问题: 由于将所有api都放在一个js中,对于下载或者有外链时需要使用a标签,那么就需要引用js文件,但是发现a标签不能直接引用外部js的参数;
    解决办法: 使用计算属性computed来获取;

    <a :href= 'downloadExcelUrl' download="">下载模板</a>
    //引入的外部js
    const Api = require('../../assets/js/http/api');
    //计算属性
       computed: {
           downloadExcelUrl(){
               return Api.linkUrl.baseUrl+Api.linkUrl.downloadExcel;
               //Api.linkUrl.baseUrl+Api.linkUrl.downloadExcel = http://base地址/下载的地址
           }
       },
    

    此处注意2点:
    1、下载时,一定要写上download属性,否则360浏览器会跳转到别的页面;
    2、href前面加 : 或者 v-bind: ,然后使用计算属性绑定href的值;

    展开全文
  • 1. Thymeleaf中href与 th:href的区别: 转自:https://www.cnblogs.com/q924152020/p/10602807.html 语法格式如下: <a th:href="@{/channel/page/add}">添加渠道 </a> <a href="/channel/page/add...

    1. Thymeleaf中href与 th:href的区别:

    转自:https://www.cnblogs.com/q924152020/p/10602807.html
    语法格式如下:

    <a th:href="@{/channel/page/add}">添加渠道 </a>
    
    <a href="/channel/page/add">添加渠道 </a>
    

    在默认项目路径为空时,打Jar包单独运行时。二者效果一致。
    在使用Maven内嵌Tomcat或打War包部署到Servlet容器,或者在项目内执行App启动类,且有配置项目路径时。
    二者区别如下:

    href始终从端口开始作为根路径,如http://localhost:8080/channel/page/add

    th:href会寻找项目路径作为根路径,如http://localhost:8080/dx/channel/page/add

    2. th:href怎么带参数

    转自:https://www.cnblogs.com/w123w/p/11870775.html
    th:href带参数的写法,下面分别是带一个参数和两个参数的写法

    带一个参数:<a th:href="@{/sign/details(signId=${t.signId})}" ></a>
    带两个参数:<a th:href="@{/mobileSign/signDetails(id=${id},name=${name})}"></a>

    其实就是用逗号将两个参数分开
    传统URL传递多参数使用?和&拼接<a th:href="/teacherShowMember?id=123&name=小明"></a>

    3.要点总结

    如下是我项目中thymeleaf的配置文件:

    #thymeleaf 配置
    spring.thymeleaf.mode=HTML5
    spring.thymeleaf.encoding=UTF-8
    spring.thymeleaf.content-type=text/html
    spring.thymeleaf.cache=false
    spring.thymeleaf.prefix=classpath:/templates/
    spring.thymeleaf.suffix=.html
    spring.thymeleaf.check-template-location=true
    #上下文
    server.context-path=/thymeleaf
    
    #数据库
    spring.datasource.url=jdbc:mysql://127.0.0.1:3306/how2java?characterEncoding=UTF-8
    spring.datasource.username=root
    spring.datasource.password=admin
    spring.datasource.driver-class-name=com.mysql.jdbc.Driver
    

    如果没有这个#上下文
    server.context-path=/thymeleaf
    则这两种写法都没有区别。如果有这个上下文,则要用第一种@写法

    <a th:href="@{/channel/page/add}">添加渠道 </a>
    
    <a href="/channel/page/add">添加渠道 </a>
    
    展开全文
  • 超链接中的onclick和href链接方法

    千次阅读 2019-09-04 14:53:51
    链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接); 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值。不...

    链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接);

    假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值。不信,你可以将 goGoogle 函数中的 return false 注释掉;

    如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动;

    如果在链接的 href 属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;

    在按住Shift键的情况下会有所区别。

    今天我遇到的问题,在IE6.0里以href的形式访问不到parentNode。

    尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放

    下面是自己遇到的:

    如果不设置 href属性在IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题)。

    <a href="javascirpt:fn(this)"> <a οnclick="fn(this)"> 假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值。

    所以,比较推荐的写法是<a href="javascript:void(0)" οnclick="fn(this)">

    下面代码则执行了subgo()函数,

    <a href="javascript:void(0)" οnclick="subgo()">点我</a>

    在这里,javascript:void(0),没启实质上的作用,它仅仅是一个死链接,执行的函数是subgo()。

    <a href="http://blog.163.com/wb_zhaoyuwei/blog/#" οnclick="subgo()">点我</a>与<a href="javascript:void(0)" οnclick="subgo()">点我</a>区别。

    实际上 #包含了一个位置信息默认的锚是#top 也就是网页的上端 ,而javascript:void(0) 仅仅表示一个死链接,没有任何信息。所以调用脚本的时候最好用void(0)

    href一般是指向一个URL地址,也可以调用javascript ,如href="javascript:xxx();",文档中推荐这样写:<a href="http://blog.163.com/wb_zhaoyuwei/blog/ javascript:void(0)" οnclick="xxx();">xx</a>,但是这种方法在复杂环境有时会产生奇怪的问题,尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。

    我们知道链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行href 属性下的动作执行,onclick 需要要返回 false ,一般是这样写οnclick="xxx();return false;".

    TabPane的JS源码,由于onclick没有返回FALSE,当IFRMAE中关闭TABPANE时会导致href执行,页面显示有问题。解决办法就是将下面代码复制到使用TAB的JSP中。

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

    至于其他楼说的【IE8中,如:"javascript:;","javascript:void(0)","javascript:void(null)"都被拒绝】因为没有安装IE8,不敢妄下结论。

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

    如果在实际应用中确实是要用到<a>标签来响应onclick事件的。

    那么就建议使用下面三种方法

    1.<a href="javascript:void(0)" οnclick="doSomething()">test</a>

    2.<a href="http://blog.163.com/wb_zhaoyuwei/blog/" οnclick="doSomething();return false">test</a>

    3.<a href="http://blog.163.com/wb_zhaoyuwei/blog/" οnclick="doSomething();event.returnValue=false">test</a>

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

    超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构。<a>标记的基本语法结构是:

    <a

    class=type

    id=value

    href=reference

    name=value

    rel=same|next|parent|previous

    rev=value

    target=window

    style=value

    title=title

    onclick=function

    onmouseout=function

    onMouseOver=function>连接</a>

    从标记的语法结构可以看出,在设定一个超级链接时有很多参数可供选择,以实现不同的链接效果,这有点出乎意料吧?!

    其中class和id选项:用于设定链接点所属的类型和分配的ID号,通常不加以设定。最常用的两个参数是href和name。其中href是hypertext reference的缩略词,用于设定链接地址。链接地址必须为url地址,如果没有给出具体路径,则默认路径和当前页的路径相同。 链接到的文件也分为几种情况:如果为HTML文件,则在当前浏览器中直接打开;如果为可执行文件(.exe文件),则直接执行或下载,我们提供下载的文件就是用它的这种特性做的;如果为文本文件如word格式的文件,则在浏览器中打开此文件,并可以进行编辑加工。

    rel:表示设定链接的关系:rel=same表示待链接的文件与此文件相同,rel=next表示待链接的文件为下一页,rel=parent表示本文件为待链接文件的父文件,rel=previous则表示待链接的文件为上一页。

    rev:则用于设定反向链接。

    target:是在采用帧窗口的情况下设定链接到哪一个窗口,还有target="_bank"是表示新开一窗口打开网页。

    title:用于设定链接点被选到时显示的标题。

    onclick:对应于一个事件,当链接点被点击后将触发这个事件,执行对应的子程序。

    onmouseover:与onclick类似,对应的事件在鼠标移到链接点上时被触发。

    onmouseout:对应的事件在鼠标移出镇接点后被触发。

    举几个例子:

    <a href="http://blog.163.com/wb_zhaoyuwei/blog/index.htm">回到主页</a>

    <a href="http://blog.163.com/wb_zhaoyuwei/blog/sound.wav">播放语音文件</a>

    <a href="http://blog.163.com/wb_zhaoyuwei/blog/javascipt.open()">执行对应的程序</a>

    <a herf="document.doc">打开对应的文档进行加工</a>

    应用技巧

    1、提供下载文件

    有不少网友来信问,提供下载的效果怎么做。实际上仍然是做一个超级链接,不过供下载的文件必须上传到网站上。例:有一个“网页技巧”的文件包供下载,文件名是“homepagejq.zip”且已上传到网站了,则这个链接的代码可以这样写:<a href="http://blog.163.com/wb_zhaoyuwei/blog/homepagejq.zip">点击这里下载“网页技巧”文件包</a>。

    2、在新窗口中打开链接的网页

    设定“target”的值为“_blank”。例:新开窗口打开网页“aboutme.htm”。产生该效果的代码是:<a href="http://blog.163.com/wb_zhaoyuwei/blog/aboutme.htm" target="_blank">关于我......</a>。

    3、鼠标移到链接,显示一行说明文字

    设定“title”参数值,即可获得这种效果。例:当鼠标移到“黄山村夫”这个链接上时,显示说明“这是一个介绍网页制作技巧的专业网站”。这个链接的代码是这样的:<a href="http://blog.163.com/wb_zhaoyuwei/blog/hscf.htm" title="这是一个介绍网页制作技巧的专业网站">黄山村夫</a>。

    4、鼠标移到一个链接上弹出一个窗口

    这是设定onmouseover参数获得的效果。例:当鼠标移到一个链接上,弹出一个窗口并在窗口中显示“鼠标悬停效果演示!”。这个链接的代码是这样的:<a href="http://blog.163.com/wb_zhaoyuwei/blog/其它网页.htm" οnmοuseοver="alert('鼠标悬停效果演示!')">链接</a>。用类似的方法可以制作当鼠标按下后弹出提出示窗口、当鼠标离开时弹出提示窗口的效果。

    5、链接到本页的指定内容

    要实现链接到本页的某一部分内容上(也就是“文件内跳转”),必须用参数name指定链接点的名称。选定一块文本,可以用name参数为其命名,以备 链接所用。所谓同一个文件内的跳转是指当读者在阅读一个很长的文件的时候,若只对某部分的内容感兴趣,可以采用跳跃式的阅读方式。其基本格式是:

    <a href="#链接点名称">第二部分</a>第一部分内容......

    ...........................................

    <a name="链接点名称"></a>第二部分实际内容......

    ...........................................

    这样当你点击“第二部分”这个超级链接后,就会自动转移到“第二部分实际内容”这个地方来。“name”参数所定义的链接点名称可以随意取,但链接的“href”参数中的链接点名称必须与其一致,不要忘记在前面加上“#”。

    6、链接到其它页面的指定内容位置

    方法与上例类似,但在“href”参数中的链接点名称前要加上网页的文件名。例:有两个网页page1.htm和page2.htm ,每页均有两部分内容,现要在page1.htm中制作一个超级链接,按下该链接后将转到page2.htm的第二部分内容上。那么我们可以这样做,首先在page2.htm第二部分内容开始的地方写上这样一句代码:<a name="链接点名称"></a>;在page1.htm中写上这样一个链接代码:<a href="http://blog.163.com/wb_zhaoyuwei/blog/pagw2.htm#链接点名称">page2 的第二部分内容</a>。

    7、链接到E_mail

    点击一个超级链接后,将启动客户机上的电子邮件管理软件给你写信。例这行代码:<a href="mailto:web@webjx.com">请给我写信</a>。一旦你点击了“请给我写信”这个链接,将自动启动电子邮件管理软件(如OE)的写信功能,并已把邮件地址加在了收信人的地址栏里了。

    链接不仅可以以文本作载体,也可以以图象作载体,而且可以以图片的某一部分作载体,且都能实现上述这些效果,方法也相同,所不同只是载体,也就是链接的两对方括号中间的那部分,所以不再另举例了。

    展开全文
  • HTML href指向function

    千次阅读 2018-09-09 11:04:18
    要我说href指向function的缘故只是因为a href 带有部分样式以及鼠标变手的效果..没别的好处.. 1. function无参或者参数不是this &lt;a href="javascript:noParam()"&gt;href指向function ...

    HTML href指向function

    要我说href指向function的缘故只是因为a href 带有部分样式以及鼠标变手的效果..没别的好处..

    1. function无参或者参数不是this

    <a href="javascript:noParam()">href指向function noParam</a>
    <a href="javascript:paramNotThis('I Love You')">href指向function param is not this</a>
    
      //  没有参数 加入javascript: 即可完美调用
      function noParam() {
        console.log("fuck!!!")
      }
    
      // 有参数 且参数和this无关 加入javascript: 也能完美调用
      function paramNotThis(obj) {
        console.log(obj);
      }

    2.参数为this或者和this相关

    <div style="margin-top: 20px">
      <a href="javascript:void(0)" onclick="paramThisSuccess(this)">href指向function param is this success</a>
    </div>
    
      // 有参数 且参数为this或和this相关 需要声明href="javascript:void(0)" 同时声明onclick事件即可
          // 注意 :  此处href不能写为"#" 会导致界面跳动
      function paramThisSuccess(obj) {
        console.log(obj);
        console.log(obj.innerHTML)
      }

    源代码 打开F12 即可看到效果

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>href指向function</title>
    </head>
    <body>
    <div style="margin-top: 20px">
      <a href="javascript:noParam()">href指向function noParam</a>
    </div>
    <div style="margin-top: 20px">
      <a href="javascript:paramNotThis('I Love You')">href指向function param is not this</a>
    </div>
    <div style="margin-top: 20px">
      <a href="javascript:paramThisError()">href指向function param is this error</a>
    </div>
    <div style="margin-top: 20px">
      <a href="javascript:void(0)" onclick="paramThisSuccess(this)">href指向function param is this success</a>
    </div>
    </body>
    <script>
      //  没有参数 加入javascript: 即可完美调用
      function noParam() {
        console.log("fuck!!!")
      }
    
      // 有参数 且参数和this无关 加入javascript: 也能完美调用
      function paramNotThis(obj) {
        console.log(obj);
      }
    
      // 有参数 且参数为this或和this相关 加入javascript: 也是败了
      function paramThisError(obj) {
        console.log(obj);
        console.log(obj.innerHTML)
      }
    
      // 有参数 且参数为this或和this相关 需要声明href="javascript:void(0)" 同时声明onclick事件即可
      function paramThisSuccess(obj) {
        console.log(obj);
        console.log(obj.innerHTML)
      }
    
    </script>
    </html>
    
    展开全文
  • 标签中href属性动作和onclick事件的区别,以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别一、href 与 onclick 的区别我以前在写&lt;a&gt;标签的 href ...
  • JavaScript中window.open()和Window Location href的区别

    万次阅读 多人点赞 2019-03-06 11:12:41
    1:window.location.href的用法: 2:window.open()的用法 3:window.open和window.location.href的区别 1:区别 2.window.open不一定是打开一个新窗口!!!!!!!! 3:关于重新定位 4.:在框架内指定页面打开连接 ...
  • a href="http://www.jb51.net" title="脚本之家">Welcome</a> 等效于js代码 window.location.href="http://www.jb51.net"; //在同当前窗口中打开窗口 2.超链接<a href=...
  • 获取a标签的href文本

    千次阅读 2020-02-07 14:53:05
    href 的方法获取文本时,会出现以下情况: 默认添加前缀,比如地址、http、https 那如何进行不添加呢? var a = document.getElementsByTagName("a"); for(var i=0;i<a.length;i++) { a[i].onclick = ...
  • js 修改 URL location.href

    千次阅读 2018-12-26 14:25:15
    location.href = location.href.substring(0, location.href.indexOf("?")); } 当这个location.href被赋值之后,页面会出现个刷新的效果,然后URL,也就被修改啦。 达到预期效果啦。 我写完文章,给自己...
  • href传中文参数乱码问题

    千次阅读 2019-09-20 15:31:20
    href用get方式跳转、传参的时候,如果参数中有中文,会出现乱码。 下面是几种解决方案: 1、JSP页面设置编码 <%@ page contentType="text/html;charset=utf-8" pageEncoding="UTF-8" %> 2、在web.xml中加上...
  • a href=mailto:的使用总结笔记

    千次阅读 2019-05-22 17:31:03
    a href=""></a>的几种用法 众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="JavaScript:;"></a>...
  • a标签中href=""的几种跳转方法

    千次阅读 2019-11-18 11:26:13
    而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法,所以就来整理下a标签中href的几种用法。 一、Js的几种调用方法(参考总结的) 1. a href="javascript:js_method();" 这是常用...
  • js中重写a标签的href属性和onclick事件

    千次阅读 2018-05-11 16:58:13
    Html A标签中 href 和 onclick用法、区别、优先级别2016年03月07日 12:39:41阅读数:7841 http://gocom.primeton.com/blog21307_27051.htm 我以前在写&...的href和onclick一直很随意,后来出过几次问题,以后...
  • javascript在a标签href属性中的使用

    千次阅读 2019-05-17 11:08:10
    javascript:;与javascript:void(0)使用介绍 有时候我们在编写js过程中,需要触发事件而不需要...href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨慢甚至崩溃...
  • js 修改a标签的href

    万次阅读 2021-01-21 21:29:37
    js 修改a标签的href <script type="text/javascript"> let a = document.getElementById('goumai_url'); a.href = 'https://dwz.cn/7Z4OTJfU' </script> 本文仅供学习交流使用,如侵立删! 企鹅 、...
  • URL中传递数组 location.href

    千次阅读 2019-11-22 18:01:20
    location.href=“1.php?a[]=”+json location.href = “1.php?a=” + escape(JSON.stringify(json)); 支持多维 obj = { ids: this.selectTable, list_ids: this.list_ids ...
  • 标签中href属性动作和onclick事件的区别,以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别 一、href 与 onclick 的区别 我以前在写标签的 href 和 ...
  • Selenium获取页面元素的href属性

    千次阅读 2020-11-25 14:25:43
    一个元素可能有多个属性,例如 class, id, name, text, href, vale等等。这里我们举例一个爬虫中经常需要处理的链接问题:找出当前页面所有的超链接。 已百度首页为例,打印所有包含href的元素的链接。 相关脚本代码...
  • 一、location.href常见的几种形式 self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面 location.href;// 当前页面打开URL页面 ...
  • href与src的区别

    千次阅读 2020-06-08 13:11:26
    转载自: href和src的区别 href与src的区别 (1)请求资源类型不同: href是超文本引用的简写,用来为当前元素和文档之间建立连接,常用的是link、a标签。 src会将指向的资源下载并引用到当前文档中,常用的标签有...
  • a标签 href禁止跳转

    千次阅读 2019-11-14 08:39:56
    标签属性href,使其指向空或不返回任何内容。如: <a href="javascript:void(0);" >点此无反应javascript:void(0)</a> <a href="javascript:;" >点此无反应javascript:</a> 标签事件...
  • a href="javascript"作用

    千次阅读 2019-05-22 17:24:36
    a href = “javascript:;”>相关知识 1. a href = “javascript:;” 含义 是为了让超链接去执行js函数,点击此超链接时,页面不会进行任何操作,防止跳到其他页面 点击后,页面不动,只打开连接 其中javascript...
  • 给button加href

    千次阅读 2018-11-14 16:49:42
    有的操作很简单就是简单的跳转,不想单独再写js就给button加连接href简单些 在原窗口跳转到新网址 &lt;button onclick="window.location.href='http://www.baidu.com'"&gt;按钮&lt;/button...
  • 今天在写一个网页跳转时被一个问题给难倒了,在设置一个button的超链接href时,想要把它的href设置成带参数的,这样就可以根据情况跳转到不同的详情页面。 但是我并不知道这个格式。 试图描述自己的问题在百度上查,...
  • href添加token

    千次阅读 2019-11-15 16:47:39
    https://blog.csdn.net/m0_37149617/article/details/100933234
  • python 获取页面动态a的href

    千次阅读 2019-06-16 10:33:32
    python 获取页面动态加载的href 分析: 查看源码 1、获取页面中的a标签的href,没有点击不存在href 2、点击后在原页面没有变化的前提显示href,猜测是 触发了onclick事件 3、找到页面加载时的js文件,看不懂,开始...
  • file = response.xpath('//*[@id="main-xm-content"]/table/tbody/tr[2]/td/table/tbody/tr[3]/td/table/tbody/tr/td/table/tbody/tr[3]/td[2]/a/@href').extract() ``` 方案二(精简准确版): ``` file = ...
  • onclick的事件被先执行,其次是href中定义的(页面跳转或者javascript) 同时存在两个定义的时候(onclick与href都定义了),如果想阻止href的动作,在onclick必须加上return false;一般是这样写onclick="xxx();...
  • location.href和window.open的几种用法和区别

    万次阅读 多人点赞 2018-09-18 15:47:05
    一、location.href常见的几种形式 self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面 location.href;// 当前页面打开URL页面 ...
  • src和href的区别

    万次阅读 多人点赞 2018-08-06 08:41:42
    href标识超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系   src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分。  ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,206,361
精华内容 482,544
关键字:

href