サブフレームから親で定義したJavascriptの関数を実行しようとして以下のようにHTMLを作りました。left.htmlにあるボタンを押下すると、aaa.htmlにある関数loadを実行するようにしましたが、ボタンを押下してもalertが表示されません。load関数を実行できるようにしたいのですが、どのようにしたらよいのか、おわかりになる方、ご教示いただければありがたいです。
《aaa.html(親)》
--------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ja">
<head>
<title>フレーム</title>
<script>
function load(){
alert('onload');
}
</script>
</head>
<frameset title="サイトのタイトル" cols="100,*">
<frame src="left.html" title="左フレーム" name="left">
<frame src="right.html" title="右フレーム" name="right">
</frameset>
</html>
-------------------------------------------------------------------------------------------------
《left.html(サブフレーム)》
-------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti …
<html lang="ja">
<head>
<title>ひだり</title>
</head>
<body>
<p>ひだり</p>
<button type="button" onclick="window.parent.load();">親</button>
</body>
</html>
------------------------------------------------------------------------------------------------
《right.html(サブフレーム)》
-------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti …
<html lang="ja">
<head>
<title>みぎ</title>
</head>
<body>
<p>みぎ</p>
</body>
</html>
------------------------------------------------------------------------------------------------
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
こんばんは
いまどき frameset でもないとは思いますが・・・
( frameはすでに非推奨です。 )
https://developer.mozilla.org/ja/docs/Web/HTML/E …
対応しているブラウザであれば、ご提示のままで動作すると思いますが、
ひょっとして、ローカル環境で実行していませんか?
その場合はクロスオリジンと解釈されて、実行できないと思われます。
(エラーが発生していると思いますので、内容を確認してみてください)
サーバ環境であれば、実行できると思います。
早速のご回答ありがとうございます。
過去につくられたプログラムのメンテナンスなので、古い書き方になっています。
確かにローカル環境で実行しています。サーバー環境でテストしてみたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- ASP・SaaS FC2 BLOG <AUDIO TAGを入れプレビューはOk テーンプレートを更新すると ✖ 1 2023/08/14 11:40
- JavaScript JavaScript 超初心者です。 Document.writeがなぜか反映されません。何が間違っ 3 2024/05/02 08:00
- JavaScript HTMLとJavaScriptで作った表示して検索するWebアプリが正常に動かない 3 2024/01/05 17:48
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- HTML・CSS HTMLでstyleを指定するフォームの作り方 2 2023/12/22 19:33
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- HTML・CSS HTMLでwebサイトを作ってるのですが、 ボタンが押された時にjsに書いている文章の 文字コードを 1 2023/11/16 23:21
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教えるわが家の防犯対策術!
ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介!どうすれば家と家族を守れるのかを教えます!
-
WEBサイトの作成で、imgタグには現在もwidthとheightの指定が推奨ですか?
HTML・CSS
-
プログラミングの課題がわからないので教えていただきたいです。特にサークル関数を定義した後に呼び出す方
C言語・C++・C#
-
【abc】に【完全一致】する正規表現を教えてください。
オープンソース
-
-
4
ブラウザ自体の事じゃなくてJavaScriptで書かれたブラウザ上で動作するアプリのことをなんといい
JavaScript
-
5
PHPでこのコード自体に意味は無いんですけど、上のifと下のifの違いってなんですか?個人的には下の
PHP
-
6
正規表現 URL抽出「 [\\/\\b]{0} 」 の意味教えてください。
その他(プログラミング・Web制作)
-
7
入力された文字列が、LD22000を、出来る限り正確に判断する正規表現を教えてください。 Paiza
その他(プログラミング・Web制作)
-
8
40代後半でゼロからのプログラム業界への転職
その他(プログラミング・Web制作)
-
9
指定した演算を実施の結果を表示させるにはどうしたらいいですか?
HTML・CSS
-
10
だれがとけるの?
C言語・C++・C#
-
11
情報の表現。()内がどうしてもわかりません。
Ruby
-
12
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
13
Javascriptエラーの原因が分からない
JavaScript
-
14
httpリクエストの送り元の特定
その他(プログラミング・Web制作)
-
15
CSSデータの作成方法について(FTP内)
HTML・CSS
-
16
Q&A掲示板の入力フォームに文字数制限を設けて入力可能な文字数を表示したい
JavaScript
-
17
なんでブラウザでPHPを動かすためだけにOSにPython2(Python3)を入れて、C(GCC)
PHP
-
18
プログラミング ソースコード
その他(プログラミング・Web制作)
-
19
プログラミング
その他(プログラミング・Web制作)
-
20
ITの見積もりってなんであんなに高いんですか? 原価がかからないのに
その他(ソフトウェア)
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
別フレームの中にあるインライ...
-
親ウィンドウの別フレームを子...
-
jqueryを利用してインラインフ...
-
openerは使えないのでしょうか?
-
異なるフレームから異なるフレ...
-
フレーム内のiframeのデータの...
-
別フレームに画像を表示する
-
エラー:書き込みができません ...
-
別フレームにスムーススクロー...
-
インラインフレームをドラッグ...
-
HTMLでサブフレームから親のス...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
getElementsByNameで要素が取得...
-
javascriptでalertの文字列をコ...
-
JavaScriptでiframeの内容を「...
-
javascriptの外部ファイルで行...
-
pythonのWebスクレイピングでfi...
-
変数の代入値を外部の.txtファ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLでサブフレームから親のス...
-
スマホ上で、左右スワイプで次...
-
インラインフレームをドラッグ...
-
フレームを跨ぐドロップダウン...
-
インラインフレームで表示され...
-
別ページのインラインフレーム...
-
子フレームの自動リロードは可...
-
外部から読み込まれたJava...
-
openerは使えないのでしょうか?
-
Safariで<iframe>のinnerHTMLを...
-
他のフレームのスクリプトを実...
-
親フレームからkeydownイベント...
-
フレーム分割領域のサイズを変...
-
ページ遷移をコントロールしたい
-
フレームを使用した複数プルダ...
-
エラー:書き込みができません ...
-
親ウィンドウの別フレームを子...
-
jqueryを利用してインラインフ...
-
上と左にフレームわけされてい...
-
フレーム分割について
おすすめ情報
fujillinさん
サーバー環境では動作しました。ありがとうございます。
クロスオリジンについて勉強したいと思います。