1. 程式人生 > 其它 >javascript呼叫父視窗的方法有哪些

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();"/>