如何使用javascript / jquery获取iframe的URL的锚属性？

Question

I am trying to get the anchor part of a URL from an iFrame using javascript or jQuery.

eg.

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

if I use the src attribute I don't get the hash.

eg.

$('#theIFrame').attr('src') will return 'location.html'

How do I get the hash?

thank you, George

Answer 1

To get everything after the # mark, you can try the following:

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

DEMO

EDIT

OP was was changed from:

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

to:

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

so you would need to change the code to:

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

DEMO

Or , as @Pushpesh has recently noted in the comments section, a more condensed version would be:

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

Answer 2

Try with

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

or try

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