teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

ああああ

2021/03/31 11:42

投稿

soranana
soranana

スコア0

title CHANGED
@@ -1,1 +1,1 @@
1
- JS 親子関係の「opener」について。
1
+ ああああああああああああああああああああああああああ
body CHANGED
File without changes

2

2021/03/31 11:41

投稿

soranana
soranana

スコア0

title CHANGED
File without changes
body CHANGED
@@ -1,94 +1,1 @@
1
- ### 前提・実現したいこと
2
-
3
- 3つのHTMLファイルがあり、まず一つ目のファイルに記載されているボタンを押すと、別ブラウザで他の2つを起動するようにしています。仮に「A」と「B」とすると、「A」のボタンを押すと、「B」のブラウザの背景の色が変更できるようにしたいです。この際に全てのブラウザはそれぞれ開いている状態で使用しているのは「HTML」と「JavaScript」の2つだけで実現したいと思います。
4
-
5
- まだはじめて間もなくこの内容で困っているのでもし良ければご教授頂ければ幸いです。
6
- 質問文が至らないところがありますが、宜しくお願いします。
7
-
8
- ### 発生している問題・エラーメッセージ
9
-
10
- [window.opener]や変数を用意してそこに指定したパスを入れるなど考えたのですが、うまくいかない状態です。
11
-
12
-
13
- ### 該当のソースコード```ここに言語を入力
14
- コード
15
- ```
16
- <!DOCTYPE html>
17
- <html>
18
- <head>
19
- <meta charset="UTF-8">
20
- <title>Insert title here</title>
21
- <script type = "text/javascript">
22
- function hyouji() {
23
- window.open("A.html", "window1");
24
- window.open("B.html", "window2");
25
- }
26
- </script>
27
- </head>
28
- <body>
29
- <form>
30
- <input type = "button" value = "S" onclick = "hyouji();"/>
31
- </form>
32
- </body>
33
- </html>
34
-
35
- <!DOCTYPE html>
36
- <html>
37
- <head>
38
- <meta charset="UTF-8">
39
- <title>A</title>
40
- <script type = "text/javascript">
41
- function hyouji() {
42
-
43
- }
44
- </script>
45
- </head>
46
- <body>
47
- <form>
48
- <input type = "button" value = "A" onclick = "hyouji();"/>
49
- </form>
50
- </body>
51
- </html>
52
-
53
- <!DOCTYPE html>
54
- <html>
55
- <head>
56
- <meta charset="UTF-8">
57
- <title>B</title>
58
- <script type = "text/javascript">
59
- function hyouji() {
60
-
61
- }
62
- </script>
63
- </head>
64
- <body>
65
- <form>
66
- <input type = "button" value = "B" onclick = "hyouji();"/>
67
- </form>
68
- </body>
69
- </html>
70
- ```ここに言語名を入力
71
-
72
- ソースコード
73
- ```
74
-
75
- ### 試したこと
76
-
77
-
78
- var s;
79
-
80
- s = window.open("B.html");
81
-
82
- function hyouji() {
83
- s.document.body.bgColor = "blue";
84
- }
85
- 上のコードや
86
-
87
- window.opener.document.body.bgColor = "blue";
1
+ ああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
88
-
89
- 等を試してみました。
90
- 正直コードはでたらめかもしれませんが、そこは申し訳ございません。
91
-
92
- ### 補足情報(FW/ツールのバージョンなど)
93
-
94
- eclipseを使って作成しています。

1

試してみたことを修正しました。

2021/03/31 11:37

投稿

soranana
soranana

スコア0

title CHANGED
File without changes
body CHANGED
@@ -75,7 +75,20 @@
75
75
  ### 試したこと
76
76
 
77
77
 
78
+ var s;
78
79
 
80
+ s = window.open("B.html");
81
+
82
+ function hyouji() {
83
+ s.document.body.bgColor = "blue";
84
+ }
85
+ 上のコードや
86
+
87
+ window.opener.document.body.bgColor = "blue";
88
+
89
+ 等を試してみました。
90
+ 正直コードはでたらめかもしれませんが、そこは申し訳ございません。
91
+
79
92
  ### 補足情報(FW/ツールのバージョンなど)
80
93
 
81
94
  eclipseを使って作成しています。