質問編集履歴

3

ああああ

2021/03/31 11:42

投稿

soranana
soranana

スコア0

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

2

2021/03/31 11:41

投稿

soranana
soranana

スコア0

test CHANGED
File without changes
test CHANGED
@@ -1,187 +1 @@
1
- ### 前提・実現したいこと
2
-
3
-
4
-
5
- 3つのHTMLファイルがあり、まず一つ目のファイルに記載されているボタンを押すと、別ブラウザで他の2つを起動するようにしています。仮に「A」と「B」とすると、「A」のボタンを押すと、「B」のブラウザの背景の色が変更できるようにしたいです。この際に全てのブラウザはそれぞれ開いている状態で使用しているのは「HTML」と「JavaScript」の2つだけで実現したいと思います。
6
-
7
-
8
-
9
- まだはじめて間もなくこの内容で困っているのでもし良ければご教授頂ければ幸いです。
10
-
11
- 質問文が至らないところがありますが、宜しくお願いします。
12
-
13
-
14
-
15
- ### 発生している問題・エラーメッセージ
16
-
17
-
18
-
19
- [window.opener]や変数を用意してそこに指定したパスを入れるなど考えたのですが、うまくいかない状態です。
20
-
21
-
22
-
23
-
24
-
25
- ### 該当のソースコード```ここに言語を入力
26
-
27
- コード
28
-
29
- ```
30
-
31
- <!DOCTYPE html>
32
-
33
- <html>
34
-
35
- <head>
36
-
37
- <meta charset="UTF-8">
38
-
39
- <title>Insert title here</title>
40
-
41
- <script type = "text/javascript">
42
-
43
- function hyouji() {
44
-
45
- window.open("A.html", "window1");
46
-
47
- window.open("B.html", "window2");
48
-
49
- }
50
-
51
- </script>
52
-
53
- </head>
54
-
55
- <body>
56
-
57
- <form>
58
-
59
- <input type = "button" value = "S" onclick = "hyouji();"/>
60
-
61
- </form>
62
-
63
- </body>
64
-
65
- </html>
66
-
67
-
68
-
69
- <!DOCTYPE html>
70
-
71
- <html>
72
-
73
- <head>
74
-
75
- <meta charset="UTF-8">
76
-
77
- <title>A</title>
78
-
79
- <script type = "text/javascript">
80
-
81
- function hyouji() {
82
-
83
-
84
-
85
- }
86
-
87
- </script>
88
-
89
- </head>
90
-
91
- <body>
92
-
93
- <form>
94
-
95
- <input type = "button" value = "A" onclick = "hyouji();"/>
96
-
97
- </form>
98
-
99
- </body>
100
-
101
- </html>
102
-
103
-
104
-
105
- <!DOCTYPE html>
106
-
107
- <html>
108
-
109
- <head>
110
-
111
- <meta charset="UTF-8">
112
-
113
- <title>B</title>
114
-
115
- <script type = "text/javascript">
116
-
117
- function hyouji() {
118
-
119
-
120
-
121
- }
122
-
123
- </script>
124
-
125
- </head>
126
-
127
- <body>
128
-
129
- <form>
130
-
131
- <input type = "button" value = "B" onclick = "hyouji();"/>
132
-
133
- </form>
134
-
135
- </body>
136
-
137
- </html>
138
-
139
- ```ここに言語名を入力
140
-
141
-
142
-
143
- ソースコード
144
-
145
- ```
146
-
147
-
148
-
149
- ### 試したこと
150
-
151
-
152
-
153
-
154
-
155
- var s;
156
-
157
-
158
-
159
- s = window.open("B.html");
160
-
161
-
162
-
163
- function hyouji() {
164
-
165
- s.document.body.bgColor = "blue";
166
-
167
- }
168
-
169
- 上のコードや
170
-
171
-
172
-
173
- window.opener.document.body.bgColor = "blue";
1
+ ああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
174
-
175
-
176
-
177
- 等を試してみました。
178
-
179
- 正直コードはでたらめかもしれませんが、そこは申し訳ございません。
180
-
181
-
182
-
183
- ### 補足情報(FW/ツールのバージョンなど)
184
-
185
-
186
-
187
- eclipseを使って作成しています。

1

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

2021/03/31 11:37

投稿

soranana
soranana

スコア0

test CHANGED
File without changes
test CHANGED
@@ -152,6 +152,32 @@
152
152
 
153
153
 
154
154
 
155
+ var s;
156
+
157
+
158
+
159
+ s = window.open("B.html");
160
+
161
+
162
+
163
+ function hyouji() {
164
+
165
+ s.document.body.bgColor = "blue";
166
+
167
+ }
168
+
169
+ 上のコードや
170
+
171
+
172
+
173
+ window.opener.document.body.bgColor = "blue";
174
+
175
+
176
+
177
+ 等を試してみました。
178
+
179
+ 正直コードはでたらめかもしれませんが、そこは申し訳ございません。
180
+
155
181
 
156
182
 
157
183
  ### 補足情報(FW/ツールのバージョンなど)