Q&A
ありがとうございます！
以前の続きから派生した問題です。
これまで、何のためにAjaxとかがあるのかということ自体がよくわからなかったのですが、少し意味がわかってきた気がします。
もう一度、kei344さんに挙げていただいたような本をちゃんと読んでみてその辺りのキャッチアップをしたいと思います。
気づかせていただいて本当にありがとうございます。
一般的には
<script src = "⚫️⚫️.js"></script>とひとつだけ付けて、jsファイルを読み込みhtmlファイルを動かすということを行うと思うのですが、これを複数のhtmlファイルに共通のものをつけることによって、
htmlファイル間でデータの受け渡しができるのではないかと考えたのですが、不可能なのでしょうか？
具体的には、
<p id="1stMsg">異なるhtmlファイルに送りたいメッセージ</p> を１つ目のhtmlに記し。２つ目のhtmlにて
<p id="getMsg"></p> と記し。jsファイルにて
$('#getMsg').text($('#1stMsg').text());
と記すことによって、動作すると考えたのですが、これだと文字列の表示を2つ目のhtmlにて行うことはできません。
何か問題をわかる方、ご教示していただきたいです。
宜しくお願いします！
回答3件
0
複数のHTMLから同じJavaScriptファイルを読み込んだ場合、それぞれのHTML上でJavaScriptは独立して動作します。そのため、期待するような動作はできません。
どういうことか言うと、<script src = "○○.js"></script>と書いた場合、<script>...(○○.jsの中身)...</script>と同じ動作をします。つまり、外部からの読み込みであっても、おなじHTML上に展開された物として扱うと言うことです。二つのHTML、a.htmlとb.htmlがx.jsを読み込んでいるとしましょう。a.htmlが使うx.jsはa.html内部に展開されて実行されます。同様に、b.htmlが使うx.jsはb.html内部に展開されて実行されます。この二つは互いに独立に、それぞれのHTML上で実行されてしまうため、別の仕組み(クッキーとかローカルストレージ)とかが無い限り、連携することはできません。
なお、外部スクリプト読み込みが意味が無いのかというとそうではありません。ブラウザがキャッシュしてくれるため、転送量の削減ができます。同じ動作をさせる場合はコードを統一して保守管理がしやすくなるというメリットもあります。
投稿2016/06/26 04:01
総合スコア21735
0
ベストアンサー
ブラウザで動くJavaScript がアクセスできるHTMLは、基本的に開いたページ内とAjax通信によって得られたHTMLのみです。
以前の質問の続きかと思うのですが、一度HTMLやJavaScript について書籍などで体系だてた解説を読まれることをお勧めします。
【JavaScript - 「他のhtmlが使われているかの確認」は、できますか？(38889)｜teratail】
https://teratail.com/questions/38889
JavaScript ならとりあえず下記がお勧めです。とりあえず最初はわからないことのほうが多いと思いますが、そのうち腑に落ちることも多いはずなのでお勧めします。
【JavaScript 第6版 : David Flanagan, 村上 列 : 本 : Amazon.co.jp】
http://www.amazon.co.jp/dp/4873115736
【絶対に読んでおきたい、JavaScriptのおすすめ書籍7冊 - Qiita】
http://qiita.com/axross/items/1fc342c04aa88d48c713
【JavaScript本格入門 ～モダンスタイルによる基礎からAjax・ｊQueryまで : 山田 祥寛 : 本 : Amazon.co.jp】
http://www.amazon.co.jp/dp/4774144665
投稿2016/06/26 04:10
総合スコア69407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/06/26 14:30