精华内容
下载资源
问答
  • href
    千次阅读
    2019-07-19 15:18:29

    如何在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的值;

    更多相关内容
  • html中的href属性_href(HTML属性)

    千次阅读 2020-08-29 00:31:50
    html中的href属性 描述 ...The href defines the document to which the link leads. This may be a web page in the same directory, a page somewhere else on the same server, a location within the curre...

    html中的href属性

    描述 (Description)

    The href defines the document to which the link leads. This may be a web page in the same directory, a page somewhere else on the same server, a location within the current page, or a web page—or any another kind of document—stored on another server.

    href定义链接指向的文档。 这可能是同一目录中的网页,同一服务器上其他位置的网页,当前页面中的位置,或者是另一台服务器上存储的网页(或任何其他类型的文档)。

    The example shows a link between two documents in the same directory, but if the cake list document was in a directory that’s one level higher than the referencing document, the syntax would be as follows:

    该示例显示了同一目录中两个文档之间的链接,但是如果蛋糕列表文档位于比引用文档高一级的目录中,则语法如下:

    <a href="../cakes.html">lovely range of cakes</a>
    

    Here, ../ equates to the instruction, “move up one directory in the hierarchy.”

    在这里,.. /等于指令“在层次结构中上移一个目录”。

    You can also reference a document relative to the web site’s root (the file or folder after the domain name):

    您还可以引用相对于网站根目录(域名后的文件或文件夹)的文档:

    <a href="/cakes.html">lovely range of cakes</a> 
    

    This link basically instructs the browser to “link to the document cakes.html that can be found in www.mydomain.com/.” This is a very handy way of referencing documents, as you could move the document containing the link to any location on the file system without breaking the link.

    该链接基本上指示浏览器“链接到可在www.mydomain.com/中找到的cakes.html文档。” 这是引用文档的一种非常方便的方法,因为您可以将包含链接的文档移动到文件系统上的任何位置,而无需断开链接。

    If you’re linking to a document (of whatever type) that’s held on another server, you’d express the href using a complete URI, like so:

    如果要链接到另一台服务器上保存的文档(任何类型的文档),则可以使用完整的URI来表示href,如下所示:

    <a href="http://www.cakebrothers.com/cakes.html">lovely range of cakes</a>
    

    In a link to another section within the same page, the destination is identified in the href attribute by a hash symbol combined with the id attribute of the destination. This notation is known as a fragment identifier, and is shown below:

    在指向同一页面内另一部分的链接中,目标是在href属性中由哈希符号与目标的id属性组合而成的。 该符号称为片段标识符,如下所示:

    <!-- Here is the link -->
    <p>You can check the facts by reading the
      <a href="#refs">references at the end of this article</a></p>
    ⋮
    <!-- Here is the link's destination -->
    <h3><a id="refs" href="#refs">References</a></h3> 
    

    Note these points from the example above:

    请注意以上示例中的这些要点:

    The href attribute is repeated in the second a element. This isn’t a mistake—it’s there because without it, Internet Explorer users who navigate to the destination would find that, although the document had moved to the correct position on the screen, the focus will not have shifted. If the user were to tab to the next link, the focus would move to the link immediately after the link the user had selected further up the page, rather than the next link after the point in the page at which the references are included. It’s possible to simply apply an id attribute to another element—for example, <h3 id="refs">References</h3>—and some browsers will allow you to activate a link and jump to that point. However, not all browsers allow this, the notable case being Internet Explorer. That’s why we need the seemingly superfluous second a element as an anchor, which is wrapped around the text inside the h3. The syntax for this simplified (but not IE-friendly) markup is shown below:

    href属性在第二个a元素中重复。 这不是一个错误-在那里是因为没有它,导航到目标位置的Internet Explorer用户会发现,尽管文档已移动到屏幕上的正确位置,但是焦点不会移动。 如果用户要跳至下一个链接,则焦点将在用户选择了页面的上一个链接之后立即移至该链接,而不是页面中包含引用的点之后的下一个链接。 可以简单地将id属性应用于另一个元素,例如<h3 id="refs">References</h3> ,某些浏览器将允许您激活链接并跳至该点。 但是,并非所有浏览器都允许这样做,值得注意的是Internet Explorer。 这就是为什么我们需要看似多余的第二个元素作为锚点,并将其包裹 h3内的文本周围 。 下面显示了这种简化的(但不是IE友好的)标记的语法:

    <p>You can check the facts by reading the
      <a href="#refs">references at the end of this article</a></p>
    ⋮
    <h3 id="refs">References</h3> 
    

    In your own work, you may spot examples that include both a name and id inside the anchor a element. This approach is designed to ensure that the link works in older browsers which may not allow the user to jump from one part of a document to another if the name attribute isn’t present. However, the last of the common browsers that weren’t able to link to a section of a page in this way was Netscape 4, which, thankfully, is now almost completely obsolete. Also, note that in HTML 5 the name attribute has been removed, so it’s a good idea to break the habit of using name.

    在您自己的作品中,您可能会发现在元素的锚点中同时包含名称和ID的示例。 此方法旨在确保链接在较旧的浏览器中有效,如果没有name属性,则该链接可能不允许用户从文档的一部分跳到另一部分。 但是,最后无法以这种方式链接到页面部分的常见浏览器是Netscape 4,值得庆幸的是,现在它已几乎完全过时了。 另外,请注意,在HTML 5中, name属性已被删除,因此,最好改掉使用name的习惯。

    In addition to links to documents (such as web pages or other document types), the href attribute may specify a different protocol, including:

    除了指向文档(例如网页或其他文档类型)的链接之外,href属性还可以指定其他协议,包括:

    • ftp typed as <a href="ftp://someftpserver.com/">Browse the FTP server</a>, which will open a connection to an FTP server

      FTP类型为<a href="ftp://someftpserver.com/">Browse the FTP server</a> ,这将打开到FTP服务器的连接

    • mailto typed as <a href="mailto:mrwhatever@somedomain.com">Email me!</a>, which will trigger an email client to open and create a new message whose To address matches whatever appears after the mailto: protocol (in this case, an email to mrwhatever@somedomain.com)

      mailto键入为<a href="mailto:mrwhatever@somedomain.com">Email me!</a>发送<a href="mailto:mrwhatever@somedomain.com">Email me!</a> ,这将触发电子邮件客户端打开并创建新邮件,该邮件的“收件人地址”与mailto:协议后出现的内容相符(在这种情况下,请发送电子邮件至mrwhatever@somedomain.com)

    (Value)

    This attribute takes as its value the location of the destination document relative to the referencing document, relative to the server root, or in the form of a complete URI containing the http:// protocol, the server name, and the path to the document on that server. It may also contain a reference to the ftp:// or mailto: protocols.

    此属性将目标文档相对于参考文档,相对于服务器根目录的位置或包含http://协议,服务器名称和文档路径的完整URI的形式作为其值。在该服务器上。 它还可能包含对ftp://mailto:协议的引用。

    翻译自: https://www.sitepoint.com/href-html-attribute/

    html中的href属性

    展开全文
  • 如何使用Python从HTML获取href链接?

    千次阅读 2021-07-02 00:44:10
    原英文标题How can I get href links from HTML using Python?import urllib2website = "WEBSITE"openwebsite = urllib2.urlopen(website)html = getwebsite.read()print html到现在为止还挺好。但我只希望纯文本...

    原英文标题

    How can I get href links from HTML using Python?

    import urllib2

    website = "WEBSITE"

    openwebsite = urllib2.urlopen(website)

    html = getwebsite.read()

    print html

    到现在为止还挺好。

    但我只希望纯文本HTML中的href链接。 我怎么解决这个问题?

    9 个回复:

    ===============>>#1 票数:89 已采纳

    from BeautifulSoup import BeautifulSoup

    import urllib2

    import re

    html_page = urllib2.urlopen("http://www.yourwebsite.com")

    soup = BeautifulSoup(html_page)

    for link in soup.findAll('a'):

    print link.get('href')

    如果您只想要以http://开头的链接,您应该使用:soup.findAll('a', attrs={'href': re.compile("^http://")})

    ===============>>#2 票数:28

    代码可能看起来像这样:from HTMLParser import HTMLParser

    class MyHTMLParser(HTMLParser):

    def handle_starttag(self, tag, attrs):

    # Only parse the 'anchor' tag.

    if tag == "a":

    # Check the list of defined attributes.

    for name, value in attrs:

    # If href is defined, print it.

    if name == "href":

    print name, "=", value

    parser = MyHTMLParser()

    parser.feed(your_html_string)

    注意: HTMLParser模块已在Python 3.0中重命名为html.parser。 将源转换为3.0时,2to3工具将自动调整导入。

    ===============>>#3 票数:12

    看看使用漂亮的汤html解析库。

    你会做这样的事情:import BeautifulSoup

    soup = BeautifulSoup.BeautifulSoup(html)

    for link in soup.findAll("a"):

    print link.get("href")

    ===============>>#4 票数:8

    使用BS4执行此特定任务似乎有点过分。

    尝试改为:website = urllib2.urlopen('http://10.123.123.5/foo_images/Repo/')

    html = website.read()

    files = re.findall('href="(.*tgz|.*tar.gz)"', html)

    print sorted(x for x in (files))

    我仅在我从一个公开文件夹中提取文件列表的场景中测试了它,该文件夹中公开了files \\文件夹,例如:

    1SWUx.jpg

    我得到了URL下的files \\ folders的排序列表

    ===============>>#5 票数:5

    与真正的大师相比,我的答案可能很糟糕,但是使用一些简单的数学,字符串切片,查找和urllib,这个小脚本将创建一个包含链接元素的列表。 我测试谷歌和我的输出似乎是对的。 希望能帮助到你!import urllib

    test = urllib.urlopen("http://www.google.com").read()

    sane = 0

    needlestack = []

    while sane == 0:

    curpos = test.find("href")

    if curpos >= 0:

    testlen = len(test)

    test = test[curpos:testlen]

    curpos = test.find('"')

    testlen = len(test)

    test = test[curpos+1:testlen]

    curpos = test.find('"')

    needle = test[0:curpos]

    if needle.startswith("http" or "www"):

    needlestack.append(needle)

    else:

    sane = 1

    for item in needlestack:

    print item

    ===============>>#6 票数:3

    使用BeautifulSoup和Python 3的请求:import requests

    from bs4 import BeautifulSoup

    page = requests.get('http://www.website.com')

    bs = BeautifulSoup(page.content, features='lxml')

    for link in bs.findAll('a'):

    print(link.get('href'))

    ===============>>#7 票数:2

    这是@ stephen的答案的懒惰版本from urllib.request import urlopen

    from itertools import chain

    from html.parser import HTMLParser

    class LinkParser(HTMLParser):

    def reset(self):

    HTMLParser.reset(self)

    self.links = iter([])

    def handle_starttag(self, tag, attrs):

    if tag == 'a':

    for name, value in attrs:

    if name == 'href':

    self.links = chain(self.links, [value])

    def gen_links(f, parser):

    encoding = f.headers.get_content_charset() or 'UTF-8'

    for line in f:

    parser.feed(line.decode(encoding))

    yield from parser.links

    像这样使用它:>>> parser = LinkParser()

    >>> f = urlopen('http://stackoverflow.com/questions/3075550')

    >>> links = gen_links(f, parser)

    >>> next(links)

    '//stackoverflow.com'

    ===============>>#8 票数:2

    这是迟到的回答,但它适用于最新的python用户:from bs4 import BeautifulSoup

    import requests

    html_page = requests.get('http://www.example.com').text

    soup = BeautifulSoup(html_page, "lxml")

    for link in soup.findAll('a'):

    print(link.get('href'))

    不要忘记安装“ requests ”和“ BeautifulSoup ”包以及“ lxml ”。 使用.text以及否则会抛出异常。

    “ lxml ”用于删除要使用的解析器的警告。 您也可以使用“ html.parser ”,无论哪种情况适合您的情况。

    ===============>>#9 票数:0

    这个答案类似于其他requests和BeautifulSoup ,但使用列表理解。

    因为find_all()是Beautiful Soup搜索API中最流行的方法,所以你可以使用soup("a")作为soup.findAll("a")的快捷方式并使用list comprehension:import requests

    from bs4 import BeautifulSoup

    URL = "http://www.yourwebsite.com"

    page = requests.get(URL)

    soup = BeautifulSoup(page.content, features='lxml')

    # Find links

    all_links = [link.get("href") for link in soup("a")]

    # Only external links

    ext_links = [link.get("href") for link in soup("a") if "http" in link.get("href")]

    展开全文
  • selenium 获取href find_element_by_xpath

    千次阅读 2021-08-31 14:45:41
    在使用selenium进行抓取url的时候,试图使用find_elements_by_xpath来获取。 因此想当然的直接使用XPATH的语法进行获取属性 ...a href="//item.taobao.com/item.htm?spm=a21bz.7725273.1998564503.46.1Tdtjr"> &...

    查询多级目录,中间用*链接:

    name_cache = driver.find_element_by_xpath("//div[@class='company-list']/*/div[@class='card']")

    首先

    Xpath (XML Path Language),是W3C定义的选择节点的语言

    第一种:绝对位置:

       此方法比较简单,例子:

             xxx.find_element_by_xpath("/html/body/div[x]/form/input")

             //x 代表第x个 div标签(索引从1开始而不是0)

            当页面元素位置发生改变时,需要修改

    第二种:相对位置:

       举例:

            xxx.find_element_by_xpath("//div[@class='meneame']/a")

            //定义class名字为meneame的div下的a标签

    第三种:按照标签的属性进行定位:

        举例:

            xxx.find_element_by_xpath("//div[@class='meneame']")

            //定义class名字为meneame的div标签

    第四种:选择第几个:

          //div/*[2]    选择div下第二个元素

         //div/p[position()>=2]         选择div下位置大于等于2的p标签

         //div/p[last()]    选择div下最后一个p标签

    第五种:并:

          //div[@id='a' and @name='b']     选择id=a 并 class=b的div元素

    第六种:父节点:

         //div[@id='a']/..    选择目标div的父节点

    第七种:同级节点:

         preceding-sibling选取当前节点之前的所有同级节点

         following-sibling选取当前节点之后的所有同级节点

         用法:

              //div/following-sibling::p    选择div之后的同级的p节点   (div与p同级)
     

    在使用selenium进行抓取url的时候,试图使用find_elements_by_xpath来获取。
    因此想当然的直接使用XPATH的语法进行获取属性
    事例缩略后xml结构如下


    <div class="qg-limit-list" data-spm="1998564503" data-spm-max-idx>
    <a href="//item.taobao.com/item.htm?spm=a21bz.7725273.1998564503.46.1Tdtjr">
        <img src="//img.alicdn.com/tps/TB1lUEgLpXXXXbzXXXXXXXXXXXX-114-114.png" class="qg-img-tag">

    按照XPATH正常的语法,想要获取a标签的url也就是href的属性应该写作

    //div[@class="qg-limit-list"]/a/@href

    然而在使用find_elements_by_xpath一直报错,显示只能存放element而不是object。
    最后的解决办法就是,这里只取到标签级,想要获取元素在之后再获取如下

    xpath_urls = '//div[@class="qg-limit-list"]/a'
    urls_pre = browser.find_elements_by_xpath(xpath_urls)
    url = urls_pre[0].get_attribute("href")
    


    对,就是加.get_attribute(“href”),同理想要获得其他属性值,也可以通过他来获取。

    这样也可以

    page_btns = driver.find_elements_by_xpath(".//div[@class='pc-pager-wrap']/a[@class='pager-item router-link-active']")
    
    if page_btns[-1].text=="下一页":
    
        new_url= page_btns[-1].get_attribute("href")



    原文链接:https://blog.csdn.net/hacklyc/article/details/65454285

    展开全文
  • vue的:hrefhref

    千次阅读 2020-07-21 20:13:41
    不要使用vue.min.js,要用vue.js,可以显示报错信息...a href="shopkeeper_category_list">所有分类</a></li> <li><a :href="'shopkeeper_product_list?cid='+category.id">{{category.nam
  • 微信浏览器 window.location.href

    千次阅读 2021-07-26 09:36:18
    window.location.href = '/'; 1、方案一: 将需要跳转的地方改用a标签 <a href="/">点击跳转</a> 2、方案二: 2.1、iOS 触发隐藏a标签点击 <a id="alink" href=...
  • src和href的区别

    千次阅读 2022-01-11 19:01:35
    1.href 2. src 3. src&&href的区别: 1.href href:是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。 标识超文本引用,用在link和a等元素上,href是引用...
  • 一、比较常用的JS跳转...window.location.href = `/dashboard#/setting?type=1&userId=123`; // 在当前域名下跳转到新的子页面 window.location.href = "https://www.xxx.com"; // 跳转到新的域名 window.locatio
  • a href带参数传递

    千次阅读 2021-06-14 05:47:21
    删除c:url设置好url。r:a 标签再使用。传过去了,控制器怎么得到呢,下面的方法:@RequestMapping(value = "/{id}",params = {"courseId"},method = RequestMethod.DELETE)url变成是?参数的格式。...
  • vue.js 实现a标签href里添加参数

    千次阅读 2020-12-23 12:50:23
    vue.js 实现a标签href里添加参数源代码列表可以正常显示,但是连接没有实现对items.orderNo的值转化,最中解决方法此处的将a的标签href实现绑定:href同时对路径进一步转化拼接以上这篇vue.js 实现a标签href里添加...
  • window.location.href的用法

    万次阅读 2021-12-17 18:00:13
    javascript中的 location.href 有很多种用法,主要如下。 self.location.href="/url" 当前页面打开URL页面 location.href="/url" 当前页面打开URL页面 windows.location.href="/url" 当前页面打开URL页面,前面三个...
  • 使用js修改超链接的href属性值

    千次阅读 2022-04-04 21:04:57
    应用场景:一个社团管理员可能是多个社团的管理员,在登入界面后,可通过下拉框的选择,修改某一超链接的href值。比如下面这种: window.onload = function() { $("#selectClub").bind("change",function(){ ...
  • window.location.href、location.href是本页面跳转 parent.location.href是上一层页面跳转 top.location.href是最外层的页面跳转 举例说明: 如果A,B,C,D都是html,D是C的iframe,C是B的iframe,B是A的iframe,如果...
  • 超链接 <a> 的href跳转

    千次阅读 2022-02-11 18:13:54
    a href=""></a> 当点击超链接时,由于 href 的属性值的不同,可以产生很多种情况: href="" //刷新页面 href="#" //跳转到当前页面的顶部(不会刷新) href="javascript:void(0)" // 什么都不做 ...
  • 在html中设置href链接中的变量

    千次阅读 2021-06-11 08:51:04
    您不想更新所有这些链接上的所有href属性,您希望在点击每个链接时调用javascript函数并使其导航到具有/ to属性变量的特定URL。看看这个例子:function goToDashboard(panelId){var fromValue = document....
  • 超链接中的onclick和href链接方法

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

    千次阅读 2021-05-20 11:02:09
    href href是Hypertext Reference的缩写。意思是指定超链接目标的URL。href 属性的值可以是任何有效文档的相对或绝对URL,包括片段标识符和JavaScript代码段。 怎么读: [ˈhaɪ.ɹef],有时 [χ̍.ˈɹef]。 H...
  • 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...
  • 【selenium】定位xlink:href

    千次阅读 2022-01-19 14:36:42
    如图中的xlink,如何定位: href_text=bet_list[0].find_element_by_css_selector('p.ticket-details-main-c-l-name use').get_attribute('xlink:href')
  • 只想问如何在href中添加一个变量? 例如,这是我的javascript:如何在链接href中使用javascript插入变量值?$(document).ready(function() {function setLinkValue(value) {var numItems = $('[id^=site-]').length;...
  • href =“ tel:”和手机号码

    千次阅读 2020-07-01 11:08:37
    本文翻译自:href=“tel:” and mobile numbers If I use tel: I should write the international phone code, like that. 如果我使用tel:我应该这样写国际电话代码。 61709 So far, so good, but I can't find ...
  • 浅谈src与href的区别

    千次阅读 2021-05-09 18:36:55
    src 和 href 都是用来引入外部资源的属性,例如:图片、视频、CSS 文件、JavaScript 文件等。 那么它们两者之间究竟有什么样的区别呢?
  • 目录 一、location.href常见的几种形式 二、location.href不同形式之间的区别 三、location.href总结 四、window.location.href和window.open的区别 使用js的同学一定知道js的location.href的作用是什么,但是在js...
  • 记一次window.location.href传对象问题

    千次阅读 2022-03-25 10:13:12
    项目中有时会用到window.location.href或者iframe来导出数据,需要将检索条件提交到后台,那么怎么办呢? 思路: 前端将检索条件form表单到数据先封装成json串 后端直字符使用json工具包转对象 代码: 前端 $...
  • vue -- a标签href:路径拼接

    千次阅读 2022-03-23 16:12:40
    a :href="'repository-model-detail.jsp?id='+item.id">{{item.name}}</a> <a :href="'repository-details.jsp?docid='+item.docid+'&table='+item.classify">{{item.name}}</a>
  • js 修改 URL location.href

    千次阅读 2018-12-26 14:25:15
    location.href = location.href.substring(0, location.href.indexOf("?")); } 当这个location.href被赋值之后,页面会出现个刷新的效果,然后URL,也就被修改啦。 达到预期效果啦。 我写完文章,给自己...
  • 获取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 = ...
  • vue中实现a标签href里添加参数

    千次阅读 2021-12-29 17:51:56
  • a href="http://www.jb51.net" title="脚本之家">Welcome</a> 等效于js代码 window.location.href="http://www.jb51.net"; //在同当前窗口中打开窗口 2.超链接<a href=...
  • thymeleaf中th:href的用法

    千次阅读 2021-04-01 08:35:07
    th:href来渲染标签(<a>)的href属性 使用表达式拼接 <a th:href="'/book/page?book='+${bookId}+'&page='+${pageNumber}" th:text="'Go to Page '+${pageNumber}"> Go to Page </a> <!...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,330,617
精华内容 532,246
关键字:

href

友情链接: wtc-r16.zip