标签: href

找到具有有效href属性的锚元素,但未提供链接内容

我正在尝试修改我的网站,使其符合WCAG标准。我正在生成没有内容的链接,但是这些链接被标记为错误。

我已经由编辑器(H91)重定向到此修复程序,但它并不能真正解决我的问题。

我应该如何处理?

当前链接示例:

 <a name="dbcaddi:hasSubjectDescription"></a>
Run Code Online (Sandbox Code Playgroud)

html5 accessibility href wcag

6
推荐指数
1
解决办法
2817
查看次数

使用Javascript切换CSS表格(点击)

试图找到仅需一个按钮即可在两个样式表之间切换的代码。我曾尝试调整其他人的解决方案,但仍无济于事。这是我最近的尝试:

设定:

<link id="style1" rel="stylesheet" type="text/css" href="resumecss.css" />
<script type="text/javascript">
function toggle() {
    var el = document.getElementById("style1");
    if (el.href == "resumecss.css") {
        el.href = "resumecssinvert.css";    
    }
    else {
        el.href = "resumecss.css";  
    }
}
</script>
Run Code Online (Sandbox Code Playgroud)

致电:

<button type="button" onclick="toggle()">Switch</button>
Run Code Online (Sandbox Code Playgroud)

目的是在一页上的两个皮肤之间反复切换。

在此先感谢您那种/知识丰富的人士。

javascript css href button toggle

6
推荐指数
3
解决办法
4232
查看次数

如何使用哈希标记Href刷新页面

我有一个href为的链接"/news#1930".当我在/news页面上点击此链接时,它不刷新页面(它只是将#1930添加到URL的末尾).我希望它刷新页面(我使用#tag后面的信息和一些jquery来加载相应的iframe中的特定文章,当它不刷新时它不会加载新文章).关于如何强制刷新的任何想法?

我目前的代码是:

$(document).ready(function() {
  var $news_story       = $(window.location.hash.substring(1)),
      $news_number      = $news_story.selector,
      $news_url         = 'http://www.synergy-pr.com/news/mediacenter/index.html?view=article&CustomerID=41b1if9-a17d4va5sf7of15e3kb0pa3kd2y-99d03n8sq4ad2xk8h47j00r98el5pf&ClientArticleID=' + $news_number, //url of specific article
      $news_url_default = 'http://www.synergy-pr.com/news/mediacenter/index.html?CustomerID=41b1if9-a1hd4xa52f78f1ke3bb0oa3ld2k-90208c8g64x02nh8wf7ad0m181p5su'; //url of general news page

        if ($news_number.length>0) { //if their is a # with a number, this means it is a sidebar link and should load that specific article
          $('#news-feed').attr('src', $news_url);
        } else { //if not, load the main news page
          $('#news-feed').attr('src', $news_url_default);
        }
 });
Run Code Online (Sandbox Code Playgroud)

iframe jquery href hyperlink

5
推荐指数
2
解决办法
1万
查看次数

Javascript在href onclick请求中传递变量

我知道这是非常基本的javascript但由于某些原因,我似乎无法在传递参数时使链接的onclick函数正常工作.

我试过转义引号,添加不同类型的引号并将原始变量添加为字符串.

我让它与下面的工作,但它说"XYZ未定义"

function renderLink(value, meta, record)
        {
            var type = record.data['name']; //value is XYZ  


            return '<a href="javascript:void(0);" onclick="getReport('+type+'); return false;"></a>';
        }

function getReport(type){

    alert(type);
}
Run Code Online (Sandbox Code Playgroud)

javascript variables href

5
推荐指数
1
解决办法
3万
查看次数

锚不起作用

我的页面内链接有问题.这是我在页面中使用的jQuery代码的一部分

$.fn.stopAtTop= function () {
  var $this = this,
      $window = $(window),
      thisPos = $this.offset().top,
      //thisPreservedTop = $this.css("top"),
      setPosition,
      under,
      over;

  under = function(){
    if ($window.scrollTop() < thisPos) {
        $this.css({
            position: 'absolute',
            top: ""
        });
        setPosition = over;
    }
  };

  over = function(){
    if (!($window.scrollTop() < thisPos)){
        $this.css({
            position: 'fixed',
            top: 0
        });
        setPosition = under;
    }
  };

  setPosition = over;

  $window.resize(function()
  {
    bumperPos = pos.offset().top;
    thisHeight = $this.outerHeight();
    setPosition();
  });

  $window.scroll(function(){setPosition();});
  setPosition();
};
Run Code Online (Sandbox Code Playgroud)

这是DEMO的一个例子

当我向下滚动时,一切正常,但是当我想要进入页面顶部时,这是不可能的.我知道问题是脚本div修复了,但我不知道如何解决它.有任何想法吗?

html javascript css jquery href

5
推荐指数
1
解决办法
108
查看次数

更容易在React中禁用链接的方法?

我想Link在某些条件下禁用:

render() {
    return (<li>{this.props.canClick ? 
        <Link to="/">Test</Link> : 
        <a>Test</a>}
    </li>)  
}
Run Code Online (Sandbox Code Playgroud)

<Link>必须指定to,所以我不能禁用<Link>,我必须使用<a>

javascript href reactjs react-router

5
推荐指数
3
解决办法
2万
查看次数

Rails:使用 link_to 和给定 href 的模型属性时防止 XSS

考虑以下 link_to 示例:

link_to "Personal Website", @user.website

我如何保护它免受 XSS 攻击。用户表在外部数据库中,所以我不能相信它。我尝试过使用 sanitize 和 h 的不同方法,但是当我在本地数据库用户网站中替换javascript:alert('XSS')为 时,当我单击链接时,javascript 仍在执行。

提前致谢,

security xss ruby-on-rails href link-to

5
推荐指数
1
解决办法
745
查看次数

如何在 HTML 中打开指向另一个框架的链接?

更新:它仍然无法正常工作。链接是可点击的,但它们也没有采用它的假设。例如,从第 1 帧开始,当您单击联系信息时,它应该在第 3 帧中打开该信息。从 Fame 1 开始,当您单击营业时间时,它应该在第 3 帧中显示营业时间。

更新 2:添加 # 符号后...当我点击联系信息时..它会在 FRAME 3 中显示 FRAME 1 并摆脱我在 FRAME 3 中的内容。这不是我应该做的。

所以..我有四个框架。这些框架的代码如下所示。所以它将在一页中显示四个不同的框架。也显示了那个图片。在此处输入图片说明

<!DOCTYPE html>
<html>

    <head> 
        <title> A4 - HTML Frames - Jainamkumar Patel </title>
    </head>

    <frameset cols = "20%,50%">
        <frame src = "frame1.html">

    <frameset rows = "30%,30%">
        <frame src = "frame2.html">

    <frameset cols = "25%,25%">
        <frame src = "frame3.html" name = "frame1">
        <frame src = " ">

        </frameset>
    </frameset>
 </frameset>

</html>
Run Code Online (Sandbox Code Playgroud)

现在这就是我想要做的:

窗格 2 包含指向联系信息、服务、营业时间、产品说明的超链接。至少有 3 个链接到产品说明。 …

html anchor href frame target

5
推荐指数
1
解决办法
4万
查看次数

WhatsApp 仅使用 html 通过描述性文本共享 url 链接

我想让我的网站用户通过 WhatsApp 共享当前网页 url(存储在 ViewBag.OgUrl 中)。

WhatsApp 消息应包含url 标题(存储在 ViewBag.OgTitle 中),单击该标题将打开 url(存储在 ViewBag.OgUrl 中)。

这需要通过没有js的html来完成。

标准方法是:

 @{
    var urlWhatsapp = "whatsapp://send?text=" + @ViewBag.OgUrl;
  }
Run Code Online (Sandbox Code Playgroud)

然后简单地:

 <a href="@urlWhatsapp" target="_blank">WhatsApp Share</a>
Run Code Online (Sandbox Code Playgroud)

除了共享实际 url 而不是标题这一事实之外,这很好用。

例如,WhatsApp 消息包含实际链接http://example.org/,而我希望它显示在 WhatsApp 中:

第一个例子

编辑:如果想要获得标题和链接,只需将代码替换为:

  @{var urlWhatsapp = "whatsapp://send?text=" + @ViewBag.OgTitle + " - " + @ViewBag.OgUrl;}

<a class="fa fa-whatsapp" href="@urlWhatsapp" target="_blank"></a>
Run Code Online (Sandbox Code Playgroud)

如果在分享之后等待,但在实际将消息发送给收件人之前,原始消息上方会出现一个可点击的框(对于任何带有 url 中定义的内容的 whatsapp 链接 - 图像、文本等,根据 - 见下面的例子) 在此处输入图片说明

html share href whatsapp

5
推荐指数
1
解决办法
3万
查看次数

如何在href上传递变量?

当我试图给出另一个变量时 href=""

<a href="a.html" id="a">Hello</a>
Run Code Online (Sandbox Code Playgroud)

以上是我的代码。

我想在去时传递apple名为fruit变量的值a.html。我怎样才能在 JavaScript 或 jQuery 中做到这一点?

html javascript jquery href

5
推荐指数
1
解决办法
4万
查看次数