精华内容
下载资源
问答
  • 如何在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>
    
    展开全文
  • a href onclick用法

    万次阅读 2012-11-02 17:37:04
    在a标签的href与onclick中使用javascript的区别 ⒈ 链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接); ⒉ 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的...

    在a标签的href与onclick中使用javascript的区别


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

    ⒉  假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值;

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

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

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

    ⒍  在IE6.0里以href的形式访问不到parentNode。尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。就这些,花了不少时间在这上面。

     

    (IE6下)

    <a href="javascript:void(0);" οnclick="javascript:modifypassword();"><img src="images/blue/Modify.gif"/></a>

    此种写法IE6下面URL虽然请求了后台,但是前台没有动静,

    正确的写法应该为

    <a href="javascript:void(0);" οnclick="javascript:modifypassword();return false;"><img src="images/blue/Modify.gif"/></a>

     

    个人收藏的几个例子,供大家学习一下:
    1:<a href="####"></a>
    2:<a href="javascript:void(0)"></a>
    3:<a href="javascript:void(null)"></a>
    4:<a href="#" οnclick="return false"></a>
    5:<span style="cursor:hand"></span>(好像在FF中不能显示)-------------------------------------------------------------------------------

    慎用JavaScript:void(0)今天测试的时候,明明程序已经执行,并且最后结果也是正确的,但是页面就是不刷新。

    在FireFox2.0和ie7下测试,结果却是正常的,IE6却偏偏不刷新!仔细调查了一下,发现页面链接的是 <a href="javaScript:void(0)" OnClick="XXX_Func();" ….> 测试 </a>,问题就出在这个void(0)上!

    让我们先来看看JavaScript中void(0)的含义:JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。
    void 操作符用法格式如下:
    1. javascript:void (e-xpression)
    2. javascript:void e-xpression
    e-xpression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。<a href="javascript:void(0)">单击此处什么也不会发生</a>也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。其实我们可以这样用<a href="javascript:void(document.form.submit())">,这句话会进行一次submit操作。那什么情况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),:) ,所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新。

     
    展开全文
  • js实现给<a href=""> href赋值

    万次阅读 2013-07-18 13:01:05
    a href=""&gt; href赋值   document.getElementById("a").href=""; a是要添加超链接a的id,比如&lt;a id='a' &gt;信息提示&lt;/a&gt;       &lt;...

     js实现给<a href=""> href赋值

     

    document.getElementById("a").href=""; a是要添加超链接a的id,比如<a id='a' >信息提示</a>

     

     

     

    <form action="" method="post" name="myform" >

    <a href="" id=links >信息提示 </a >
    </form >
    <script >
    document.getElementById("links").href="http://www.baidu.com";
    </script >

     

     

     

     

    展开全文
  • top.location.href=”url” 在顶层页面打开url(跳出框架) self.location.href=”url” 仅在本页面打开url地址 parent.location.href=”url” 在父窗口打开Url地址 this.location.href=”url” 用法和self的...
  • 使用window location href

    千次阅读 2019-03-25 14:50:53
    javascript中的location.href有很多种用法,主要如下。 self.location.href="/url" 当前页面打开URL页面 location.href="/url" 当前页面打开URL页面 windows.location.href="/url" 当前页面打开URL页面,前面三个...
  • "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 //举个例子:如果A,B,C,D都是html,D是C的iframe,C是B的iframe,B是A的...
  • window location href跳转无效

    万次阅读 多人点赞 2018-02-02 18:25:55
    原因是 a标签的href跳转会执行在window.location.href设置的跳转之前: 如果是表单form的话 也会先执行form提交。 提交之后 就已经不在当前页面了。所以window.location.href无效。 解决方法一 在js函数中加上 ...
  • window.loacation.href和location.href比较,有区别吗?
  • window location href

    千次阅读 2019-06-27 10:08:44
    window.location.href="/":返回首页; "/":是根目录服务器上根目录下默认打开index页面
  • js中top.location.href、parent.location.href用法

    万次阅读 多人点赞 2016-09-22 17:18:01
    window.location.href、location.href是本页面跳转parent.location.href是上一层页面跳转top.location.href是最外层的页面跳转举例说明:window.location.href、location.href:例:window.location.href= 'wapsend1....
  • 关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top....
  • HTML href指向function

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

    万次阅读 2018-04-23 10:26:13
    /li/a/@herf 这样取的应该是href的内容/li/a/text() 这样取得是text内容
  • 书海拾贝之特殊的ng-src和ng-href 在说明这两个指令的特殊之前,需要先了解一下ng的启动及执行过程,如下: 1)浏览器加载静态HTML文件并解析为DOM; 2)浏览器加载angular.js文件; 3)angular监听...
  • 今天在写一个网页跳转时被一个问题给难倒了,在设置一个button的超链接href时,想要把它的href设置成带参数的,这样就可以根据情况跳转到不同的详情页面。 但是我并不知道这个格式。 试图描述自己的问题在百度上查,...
  • 2009-11-25关于js中window.location.href,location.href,parent.location.href,top.location.href的用 关键字: 关于js中window.location.href, location.href, parent.location.href "window.location.href...
  • top.location.href=”url” ----- 在顶层页面打开url(跳出框架) self.location.href=”url” ---- 仅在本页面打开url地址 parent.location.href=”url” ----在父窗口打开Url地址 this.location.href=”...
  • 今天无意中发现这个么问题,页面上对所有A标签的href属性为空的自动添加一个链接地址,结果发现if判断条件始终都没生效,莫名其妙。原来Javascript中 a.href 和 a.getAttribute(‘href’) 结果在某些情况下是不完全...
  • th:href路径问题

    千次阅读 2020-03-05 19:53:15
    th:href="@{路径}"路径问题记录 测试路径 http://127.0.0.1:8080/admin/blogs/input 出错点 th:href="@{lib/editormd/css/editormd.min.css}" 问题 测试时候没有找到该文件 分析 文件实际路径 打开控制台发现实际...
  • 正则表达式匹配 href

    2018-11-16 13:46:48
    正则表达式匹配:所有的超链接的href和链接文字 转https://blog.csdn.net/qq_15283475/article/details/73648996 &lt;a.+?href=\"(.+?)\".*&gt;(.+)&lt;/a&gt; 单独href : &lt;a....
  • window.location.href和window.top.location.href的区别
  • thymeleaf href 拼接变量

    2019-07-24 11:29:12
    1、使用 @{/bootstrap/css/signin.css(v=${version})...link th:href="@{/bootstrap/css/signin.css(v=${version})}" href="/bootstrap/css/signin.css" rel="stylesheet"> 2、使用@{'/bootstrap/css/signin.css...
  • vue中a标签的href属性的写法

    万次阅读 2018-08-02 11:33:13
    问题:vue.js a标签href里有变量,函数拼接问题 2017年05月31日 19:19:03 阅读数:19486 正确格式: &lt;a :href ="'http://search.jd.com/Search?enc=utf-8&amp;keyword='+keyWord+'&amp;...
  • 我们在使用a标签的空链接时,通常写为 href=# 或者 href=javascript:void(0) ,这两种写法有什么区别呢?我想很多人都不会去深究,但是这两种写法出来的效果有时候是不一样的。 概括来说,这两种写法有如下几个区别...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 949,673
精华内容 379,869
关键字:

href