サブフレームから親で定義した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も見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
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
指定した演算を実施の結果を表示させるにはどうしたらいいですか?
HTML・CSS
-
9
だれがとけるの?
C言語・C++・C#
-
10
情報の表現。()内がどうしてもわかりません。
Ruby
-
11
40代後半でゼロからのプログラム業界への転職
その他(プログラミング・Web制作)
-
12
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
13
httpリクエストの送り元の特定
その他(プログラミング・Web制作)
-
14
Javascriptエラーの原因が分からない
JavaScript
-
15
Q&A掲示板の入力フォームに文字数制限を設けて入力可能な文字数を表示したい
JavaScript
-
16
以下のURL入れますか?皆さんは↓
AJAX
-
17
プログラミング
その他(プログラミング・Web制作)
-
18
ITの見積もりってなんであんなに高いんですか? 原価がかからないのに
その他(ソフトウェア)
-
19
CSSデータの作成方法について(FTP内)
HTML・CSS
-
20
なんでブラウザでPHPを動かすためだけにOSにPython2(Python3)を入れて、C(GCC)
PHP
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
別フレームの末尾に文章を追記...
-
フレームを跨ぐドロップダウン...
-
インラインフレームをドラッグ...
-
<a href="#" …>の意味を教えて...
-
javasprictの構文について
-
Dreamweaver で 外部JSを読み込...
-
プルダウンから1個選んで、豆知...
-
iframeの中から親ページをスム...
-
HTML5のcanvasで描画がされない
-
時間によってリンク先を変える...
-
function の return 値を表示し...
-
3の倍数の合計
-
javascriptでbgmを自動再生する...
-
特定のページから移動してきた...
-
リンクをクリックすると、親ウ...
-
JavaScript でキーを送る
-
bodyにidをつける理由は何ですか?
-
javascriptの四捨五入
-
テーブル内の数値を自動で計算...
-
base64encodeでの文字化けについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLでサブフレームから親のス...
-
スマホ上で、左右スワイプで次...
-
インラインフレームをドラッグ...
-
フレームを跨ぐドロップダウン...
-
インラインフレームで表示され...
-
別ページのインラインフレーム...
-
子フレームの自動リロードは可...
-
外部から読み込まれたJava...
-
openerは使えないのでしょうか?
-
Safariで<iframe>のinnerHTMLを...
-
他のフレームのスクリプトを実...
-
親フレームからkeydownイベント...
-
フレーム分割領域のサイズを変...
-
ページ遷移をコントロールしたい
-
フレームを使用した複数プルダ...
-
エラー:書き込みができません ...
-
親ウィンドウの別フレームを子...
-
jqueryを利用してインラインフ...
-
上と左にフレームわけされてい...
-
フレーム分割について
おすすめ情報
fujillinさん
サーバー環境では動作しました。ありがとうございます。
クロスオリジンについて勉強したいと思います。