如何使用javascript / jquery获取iframe的URL的anchor属性?

时间:2012-09-12 13:08:42

标签: javascript jquery hash

我正在尝试使用javascript或jQuery从iFrame中获取URL的锚点部分。

例如

<iframe id="theIFrame" src="location.html#anchorHere"></iframe>

如果我使用src属性,我就不会得到哈希值。

例如

$('#theIFrame').attr('src')将返回'location.html'

如何获取哈希?

谢谢你, 乔治

2 个答案:

答案 0 :(得分:3)

要获取#标记后的所有内容,您可以尝试以下操作:

var href = $("#theIFrame").attr("href");
var splitHref = href.split("#");
alert(splitHref[1]);

<强> DEMO

修改

OP被改为:

<iframe id="theIFrame" href="location.html#anchorHere"></iframe>

到:

<iframe id="theIFrame" src="location.html#anchorHere"></iframe>

因此您需要将代码更改为:

var href = $("#theIFrame").attr("src");
var splitHref = href.split("#");
alert(splitHref[1]);

<强> DEMO

,正如@Pushpesh最近在评论部分中指出的那样,更精简的版本将是:

$('#theIFrame').attr('src').split('#')[1];

答案 1 :(得分:1)

尝试

$('#theIFrame').attr('src').text()

或尝试

$('#theIFrame').attr('href').split('#')[1]