标签: href
如何使用哈希标记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);
}
});
推荐指数
解决办法
查看次数
我不敢相信我正在使用相框(脸谱版)
自90年代中期以来,我没有处理过这个问题.
<a href="http://www.google.com" class="learnmorebutton">learn more</a>
当我点击链接说http://www.google.com时,facebook会在框架中呈现Google.我不想要这个.我想要链接带我去谷歌和facebook.com.
查看图片以查看问题:
推荐指数
解决办法
查看次数
超链接单击后如何防止重定向？
我有以下html + js代码：
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<a href="#" id=key onclick="func(0)">foo</a>
</body>
<script type="text/javascript">
function func(k){
alert(1);
return false;
}
</script>
</html>
您能解释一下如何重构以下代码，这些代码在单击href代码后func执行但＃没有添加到URL中，并且不应重新加载页面吗？
推荐指数
解决办法
查看次数
Selenium:如何通过部分href找到元素？
工作代码1:
Driver.Instance.FindElement( By.XPath("//a[contains(@href,'" + PartialLinkHref + "')]" ));
工作代码2:
ReadOnlyCollection<IWebElement> linkList = Driver.Instance.FindElements(By.TagName("a"));
for (int i = 0; i < linkList.Count ; i++)
{
if (linkList[1].GetAttribute("href").Contains(PartialLinkHref))
{
element.SetElement(linkList[i]);
return element;
break;
}
}
推荐指数
解决办法
查看次数
将Javascript字符串var传递给HTML href标记
由于限制,我必须在我的网站的每个页眉上设置一个URL字符串作为这样的JavaScript字符串变量 var burl = "http://www.example.com";
现在,我必须将此字符串传递到我网站burl的HTML href=""标记内.我还希望能够在burl旁边的href链接中添加额外的URL元素.
这是完整的代码看起来像Javascript + HTML代码;
<script>
var burl = "http://www.example.com";
</script><html>
<head>
</head>
<body>
<h1>JavaScript Variables</h1>
<p>the href below should link to http://www.example.com</p>
<a href="{burl-string-here}/blog/article/">Open Here</a>
</body>
</html>任何帮助解决这个简单的问题将不胜感激.
推荐指数
解决办法
查看次数
当event.target是HTMLImageElement时,如何获得锚点的href？
我想在点击时得到一个锚元素的href.我使用以下javascript代码:
document.addEventListener('click', function (event)
{
event = event || window.event;
var el = event.target || event.srcElement;
if (el instanceof HTMLAnchorElement)
{
console.log(el.getAttribute('href'));
}
}, true);
这适用于嵌入式锚点,例如:
<div><p><a href='link'></a></p><div>
但是当我使用锚点和图像时,它不起作用:
<div><a href='link'><img></a></div>
将event.target代替返回锚的形象.可以使用以下if案例修改javascript代码以解决此问题:
document.addEventListener('click', function (event)
{
event = event || window.event;
var el = event.target || event.srcElement;
if (el instanceof HTMLImageElement)
{
// Using parentNode to get the image element parent - the anchor element.
console.log(el.parentNode.getAttribute('href'));
}
else if (el instanceof HTMLAnchorElement)
{
console.log(el.getAttribute('href'));
}
}, …推荐指数
解决办法
查看次数
使用 javascript 动态更改 <div> 背景图像
我正在寻找一些帮助来编写一个 javascript 片段，该片段将动态更新 div style="background-image:url..." 以匹配其上方的 a href。这是在投资组合网站上，所以这是一个画廊，所有图像都可以同时显示。我需要片段来遍历每个人a href并嵌套div在它下面并使它们匹配，每个图像都是唯一的（不想要同一图片的页面 20 次）我刚刚开始学习 JS，所以我一直在与这个斗争。这是html。
<a id ="tobematched" href="imgs/galleryphotos/1.jpg">
这个href应该从上面复制到下面的div样式url。
<div id ="matcher" class="img-container" style="background-image: url('imgs/notcorrect/currently.jpg');"></div>
</a>
整体的样子是这样的……
<a id ="tobematched" href="imgs/galleryphotos/1.jpg">
<div id ="matcher" class="img-container" style="background-image: url('imgs/notcorrect/currently.jpg');"></div>
</a>
任何帮助将不胜感激！
这是我的想法，到目前为止......
function abc() {
var a = document.getElementById("tobematched").
var b = document.getElementById("matcher").style.backgroundImage;
}
不知道从哪里开始，因为我不知道如何获取 href ......我认为我走在正确的轨道上。
推荐指数
解决办法
查看次数
Rails：使用 link_to 和给定 href 的模型属性时防止 XSS
考虑以下 link_to 示例：
link_to "Personal Website", @user.website
我如何保护它免受 XSS 攻击。用户表在外部数据库中，所以我不能相信它。我尝试过使用 sanitize 和 h 的不同方法，但是当我在本地数据库用户网站中替换javascript:alert('XSS')为 时，当我单击链接时，javascript 仍在执行。
提前致谢，
推荐指数
解决办法
查看次数
如何在 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>
现在这就是我想要做的：
窗格 2 包含指向联系信息、服务、营业时间、产品说明的超链接。至少有 3 个链接到产品说明。 …
推荐指数
解决办法
查看次数
在 tsx 文件中使用时，<use> 标签上的 xlink:href 属性会引发打字稿错误
我有简单的代码，其中包含带有<use>标签的svg 图标到使用 stencjiljs（tsx 语法）创建的 web 组件中。但是，当我xlink:href向<use>标签添加属性时，我收到错误Identifier expected。
Example code:
import { Component, Prop } from '@stencil/core';
@Component({
tag: 'example-component',
styleUrl: 'example-component.scss',
})
export class ExampleComponent {
render() {
return (
<svg>
<use href="#iconid" xlink:href="#iconid"/>
</svg>
);
}
}
我厌倦了寻找 tsx/jsx 特定的解决方案，但我得到的只是它xLinkHref在 React 中，在这种情况下不起作用。
我有具体的方法来做到这一点吗？
推荐指数
解决办法
查看次数