【问题标题】：HTML & jQuery get hrefHTML & jQuery 获取 href
【发布时间】：2014-08-05 04:35:41
【问题描述】：

我是这个网站的新手，如果我做错了什么，我很抱歉，如果我这样做了，请告诉我。

问题：我正在尝试使用“获取 Href”之类的按钮从当前页面获取 href，当它设法获取 href 时，它将显示文本 Href got或者如果失败，它会显示 Href not found。如果它确实找到它，则会出现一个新按钮，上面写着 Goto Href 并将用户带到 href。我整个星期都在寻找解决方案，但到目前为止我还没有运气。这也是一个 chrome 扩展。

目前发现的有用链接：

Need to link directly to a Chrome internal page, from within a page of a Chrome Extension
Select which href ends with some string - 可用于查找以^= 开头的href
Content Scripts

我是 HTML & jQuery & CSS & Javascript 的新手，所以我提前为我缺乏知识深表歉意。如果你能，请详细解释你的答案。如果找到答案，请将函数注释掉，以便我可以手动进一步研究它们。

我不知道从哪里开始，到目前为止我所拥有的是入门：构建 Chrome 扩展程序。

----更新 .1----

感谢您的回复，到目前为止我从他们那里收集到的就是这段代码

<script>
$(document).ready(function(){
  $("button").click(function(){
    alert($('a').attr('href'));
  });
});
</script>
</head>
<body>

<button>Find Href</button>
</body>

但似乎什么也没发生。另外，我尝试使用 $('a[href^="magnet"]') 而不是 alert($('a').attr('href')); 此代码是从不同的网站收集的，所以我不知道它是否合法（仍在工作）。

【问题讨论】：

如果要获取页面的 URL，请使用：document.location
“我正在尝试从当前页面获取 href [...] 会出现一个新按钮，上面写着 Goto Href 并将用户带到 href” ...所以你想创建一个重新加载页面的按钮？ “到目前为止，我所拥有的就是《入门：构建 Chrome 扩展》所拥有的。” 你真的在构建 Chrome 扩展吗？
@Felix Kling 是的，我确实做到了，正如你所见，我没有做任何好事：/
href在哪里？它是在页面上还是您正在尝试获取当前页面的 url？你能把你的代码贴在 jsfiddle 上吗？
href 位于当前页面源中。我的代码很空，它的主要部分在上面的 UPDATE .1

标签： javascript jquery html google-chrome href

【解决方案1】：

试试这个javascript：

document.location.href

我在控制台中输入它并返回：

http://stackoverflow.com/questions/24225281/html-jquery-get-href

，即当前链接。

【讨论】：

【解决方案2】：

在开始之前，您应该阅读一些 javascript 教程。去网上搜索“javascript 教程”（...请...去做）。如果您在此任务上失败，您将在其他任务上失败。这对您或其他人没有帮助。

你想用“href”做什么？为什么你只搜索 chrome 答案而不是搜索 javascript 答案。

不管怎样，如果你打开控制台，你可以自己测试一下。

alert(location) <-- shows you the current location of the browser

或每个 a 标签的每个 href（在 jquery 中）。

alert($('a').attr('href')); <-- a lot of links ;)

【讨论】：

“很多链接” 不，attr 返回第一个元素的属性值。