標題の件、自分が思いついた対策は
子画面からも呼びだしたいfunctionを 親画面のHTML内<script>タグで定義しなおせば良いのかな、と思いました...
このように
しかし、そのfunctionの中で幾つもの別のfunctionを呼び出していることが分かり(ライブラリ含め)、この対策ではラチがあかないな、と思い 今回の問合せとなりました。
親画面のJSの関数が、外部ファイル内で定義されていても、子画面から呼び出す方法がございましたら ご教示をよろしくお願いします。
多分勘違いなどが入り混じっていると思うので、対処したい具体的なソースコードを提示しないと進まないと思います。その前提の上で少しだけ参考までに書いておきます。
「まず、グローバルに定義されたfunctionやグローバルにvarで宣言された変数でないと、呼べません。これらは、ブラウザ上だと、window(strictでなければthis)に定義されることになり、件の方法でアクセスできます。しかし、無名関数やクロージャなどはアクセスしようがありませんし、constやらletなどで定義されたものも多分アクセスできません。
importするロジックを自作する場合は、工夫次第で出来るかもしれませんが、そこまでのリスクを取る話なのか疑問です。」
何をするために件の方法を使いたいのか知りませんが、できない/埒が明かないのであれば、もう諦めた方がいいかもしれないですよ(埒が明かないとかどうでもいいですが)。なお、鉤括弧内の言葉についての質問は受け付けません。
一応想定しているコードだけ書いておきますね。
■parent.html
<script src="external.js"></script>
<script>
(function() {
window.open('child.html');
})();
var parentFunc = ()=>{
console.log('parentFunc()');
};
</script>
■external.js
var externalFunc = () => {
console.log('externalFunc()');
};
■child.html
<script>
window.opener.parentFunc();
window.opener.externalFunc();
</script>
外部ファイル上で定義したJSと、HTML<script>タグ内で定義したJSで、子画面から参照できる・できないに差は生まれない。呼ばれる当該functionのスコープのはなし、そういうことですね??
書いた通り、質問は受け付けません。ご自分で調べて確認してください。
ソースコードの提示がない限りはこれで終わりです。
あなたの回答
tips
プレビュー