javascript调用父窗口的方法有哪些

javascript调用父窗口的方法：1、使用“window.parent”语句，可在iframe页面调用父页面对象；2、使用“window.opener”语句，可在“window.open”打开的子页面中调用父页面对象。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript调用父窗口（父页面）的方法有哪些

1、window.parent 是iframe页面调用父页面对象

举例:

a.html

1

2

3

4

5

6

7

8

9

 

     

 

    

 

          

    

 

     

 



如果我们需要在b.htm中要对a.htm中的username文本框赋值，就如很多上传功能，上传功能页在Ifrmae中，上传成功后把上传后的路径放入父页面的文本框中
我们应该在b.html中写

1

2

3

4



源码：

a.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

 

 

     

     

 

 

 

     

     

 

 

 



b.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

 

      

          

          

     

 

     

 

         

 

 

         

 

            
                   name = "button"  

                   id = "button"  

                   value = "更新主页面的UserName内容"  

                   onclick = "UpdateParent()"> 

            
                         name = "button2" 

                         id = "button2" 

                         value = "测试IFrame子窗口调用父窗口的全局变量" 

                         onclick = "childInvokeParent();"/> 

         

 

         

 

 

     

 

 



ps:不能跨域获取，例如iframe的src是'http://www.xxx.ccc/'就不可以

2、window.opener 是window.open 打开的子页面调用父页面对象

源码：

a.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

 

 

      

      

 

 

    

 

         

         

         

    

 

 



b.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

 

     

         

         

     

 

 

 

 

 

    
               onclick = "UpdateParent();"  

               name="button"  

               id="button"  

               value="更新主页面的UserName内容"> 

    
           name = "button2"   

           id = "button2"   

           value = "测试IFrame子窗口调用父窗口的全局变量"   

           onclick = "childInvokeParent();"/>