how to get this frame's name in my javascript code

Question

this is my html code :

<frameset rows="18,*" frameborder=0 framespacing=0>
    <frame src="/zh-cn/MapS/MainTop/" noresize scrolling=no>
   <frameset cols="0,*,210" name="menu">
     <frame src="/zh-cn/MapS/MainLeft/" scrolling=no noresize>
     <frame src="/zh-cn/MapS/Watch/" name="desk">
     <frame src="/zh-cn/MapS/RightMenu/" scrolling=no noresize>
    </frameset>
  </frameset>

and this is the javascript code in on frame :

parent.parent.frames[2].frames[0]

i want to know which name is this frame ,

i do this :

console.log(parent.parent.frames[2].frames[0].nodename)

it show:

undefined

so what can i do ,

thanks

Mariusz · Accepted Answer · 2016-08-16 19:52:23Z

6

For example, this should work

window.frameElement.name

Also, if all you have is a reference to an element inside a frame and want to know the frame name this element belongs to:

document.getElementsByTagName("body")[0].ownerDocument.defaultView.window.frameElement.name

answered Aug 16, 2016 at 19:52

Mariusz

3953 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Elmue · Accepted Answer · 2015-11-30 16:25:27Z

4

Why are all the answers here so complicated ?

The name of the current document (== frame name) can be obtained via:

var sName = window.name;

If the current document is the root document or if the parent document has not assigned a name to the child frame, sName will be an empty string.

answered Nov 30, 2015 at 16:25

Elmue

8,3323 gold badges57 silver badges61 bronze badges

3 Comments

baHI Over a year ago

window.frameElement won't work with CORS. but window.name inside will be set to the same value as on the iframe

Elmue Over a year ago

The question was how to get "this frame's name". So CORS is not a topic here. window.name will work always inside the same frame.

Andreas Covidiot Over a year ago

@Elmue ... not necessarily assuming one has control over some/all CORS domains/script ends

user229044 · Accepted Answer · 2011-01-29 07:08:16Z

1

Greetings,

You can create a function to retrieve the frame element name from within the frame content like that:

function getFrameName(frame) {
    var frames = parent.frames, 
        l = frames.length, 
        name = null;

    for (var x=0; x<l; x++) {
        if (frames[x] === frame) {
            name = frames[x].name;
        }
    }

    return name;
}

And then call it inside the document:

window.onload = function() {
    var body = document.getElementsByTagName("body")[0],
        name = getFrameName(self);

    if (name != null) {
        var text = document.createTextNode("this frame name is: " + name);

        body.appendChild(text);
    }
}

Hope that helps.

edited Jan 29, 2011 at 7:08

user229044♦

241k41 gold badges348 silver badges350 bronze badges

answered Jan 29, 2011 at 3:43

Romulo

5,1542 gold badges21 silver badges31 bronze badges

Comments

John K. · Accepted Answer · 2011-01-29 02:14:46Z

0

This should give you the src value.

console.log(parent.parent.frames[2].frames[0].location.href)

answered Jan 29, 2011 at 2:14

John K.

5,4741 gold badge23 silver badges20 bronze badges

1 Comment

Elmue Over a year ago

Again a wrong answer is marked as the correct answer. This gives the Url, not the name!

DoctorLouie · Accepted Answer · 2011-01-29 02:36:08Z

0

Change your HTML to this:


<html>
<frameset  rows="18,*">
    <frame name="MainTop" src="/zh-cn/MapS/MainTop/" scrolling="auto" frameborder="0">
    <frameset  cols="0,*,210">
        <frame name="MainLeft" src="/zh-cn/MapS/MainLeft/" scrolling="auto" frameborder="0">
        <frame name="Watch" src="/zh-cn/MapS/Watch/" scrolling="auto" frameborder="0">
        <frame name="RightMenu" src="/zh-cn/MapS/RightMenu/" scrolling="auto" frameborder="0">
    </frameset>
</frameset>
</html>

Test Script:


console.log(parent.frames[2].name);

answered Jan 29, 2011 at 2:36

DoctorLouie

2,6741 gold badge18 silver badges23 bronze badges

1 Comment

DoctorLouie Over a year ago

By following the DOM you'll see that MainTop is 0, MainLeft is 1, Watch is 2 and RightMenu is 3. Based on the actual modeling of the document.

Emmanuel Mahuni · Accepted Answer · 2015-10-01 13:47:28Z

0

Why all that trouble? Just

frames.name

gives you the current frame name.

answered Oct 1, 2015 at 13:47

Emmanuel Mahuni

1,99418 silver badges18 bronze badges

Comments

snir · Accepted Answer · 2016-01-18 13:52:59Z

0

Current page:

location.pathname

Current page's address:

location.href

First frame inside the page:

parent.frames[0].name

note that:

window.document.location

answered Jan 18, 2016 at 13:52

snir

3,1171 gold badge19 silver badges10 bronze badges

Collectives™ on Stack Overflow

how to get this frame's name in my javascript code

7 Answers 7

Comments

3 Comments

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

3 Comments

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related