
ブログパーツでjqueryを使用してhtmlなどを出力したいのですが、
思い通りの動作ができません。
jsファイルの中身
------------------------------------------------------------
document.write("<script type='text/javascript' src='http://hoge.com/jquery.js'></script>");
document.write('<link rel="stylesheet" type="text/css" href="http://hoge.com/hoge.css">');
$(function() {
$("div").html("<p>aaaaaaaaa</p>");
});
document.write('<div></div>');
------------------------------------------------------------
これじゃあ、ほかのサイトからjsを読み込んでも
出力されないのでしょうか?
(<script src="http://hoge.com/hoge.js"></script>)
document.write("<div>aaa</div>");だけであれば、
ちゃんと出力されるのでjqueryの記述がおかしいのだと思います。
ご教授お願いいたします。
No.2ベストアンサー
- 回答日時:
申し訳ない。
さっきの回答は技術者向けの話で、もっと簡潔に説明すべきだった。> 要はjquery.jsが効いていないってことですよね。
そう。
> 上記のようなことをする場合は、
> 不可能ということなんでしょうか。
> それともほかに方法があるのでしょうか。
あれこれ考えてみたんだけど、ほぼ不可能な気がする。なぜならこれが出来たらほぼどんな悪事(裏でこっそり何かをダウンロードさせる)もできる事になるからね。何か裏技を使えばできるのかも知れないけど、あきらめて素直に全HTMLにjquery.jsを書くしかないんじゃないのかな。
質問者の環境でサーバーサイドで走らせられる何か(CGI、PHP、ASP、ASP.NET、JSPなど)があるのであれば、そちらを使えば似たような事は実現できる。
ご回答ありがとうございました。
いろいろとお考えいただいて感謝です。
なんかできそうでできないもんなんですね。。。
根本が理解できていなかったようです。
ありがとうございました。
No.3
- 回答日時:
実際のところは、あなたのブログサイト(ご自身で運営してるなら話は別)
の環境というか、仕組みが解らないと、答えられませんが、ブログサイトは
裏で、(CGI、PHP、ASP、ASP.NET、JSPなど)がちゃんと動いていて、
ユーザーが投稿したHTML(含むCSS/JAVASCRIPT)をちゃんと組み込んだ上で、
出力している場合がままあります。
(そのまま埋め込めたり、別のところに書くように指示されてたり..)
この場合も、jQueryは生きているかもしれませんよ。
ただ、
$(function() {
$("div").html("<p>aaaaaaaaa</p>");
});
は変でしょ。ページのロードが完了した時、<div>要素の中身を全部
<p>aaaaaaaaa</p>にするという事ですよ。その時点で、
document.write('<div></div>');は、まだ実行されてないんじゃない
ですか。全体のどこに書いたかにもよりますが...。
$(function() {
alert("JQUERYだよ");
});
もだめっすか。
だとしたら、No.1さんのおっしゃるとおりです。
No.1
- 回答日時:
あ~・・・・HTTPの基礎っちゃ基礎なんだけど、ハマりポイントではあるかもね。
document.write("<script type='text/javascript' src='http://hoge.com/jquery.js'></script>");
は、ブラウザ上で正しく動作しているはずだよ。では次のお話。HTML中に
<script type='text/javascript' src='http://hoge.com/jquery.js'></script>
と言う記述があったとして、それを「お、これはscriptタグだ。今からスクリプトを書こうとしてるのだな、って思ったら外部ファイルかい! ファイルのロケーションを確認するにhttp://hoge.com/jquery.jsか。じゃあそれをHTTP GETして取ってきてここの部分を置き換えよう」って思って実行しているのは、誰? それは。それは? ブラウザだー! な、なんだってー! おいキバ○シ、どういう事なんだよ。
今の話を総合すると、document.writeによってブラウザは該当部分のHTMLテキストが<script type='text/javascript' src='http://hoge.com/jquery.js'></script>となるようスクリプト機構により処理する。が、その時にはブラウザ的にHTML内部を解析して外部ファイルを探しに行く(かどうか判定する)処理は既に完了しているのだ。置き換えられた<script type='text/javascript' src='http://hoge.com/jquery.js'></script>は置き換えが完了した時点で既にブラウザにとって解釈する対象のタグではないという事。なのでブラウザはhttp://hoge.com/jquery.jsをHTTP GETリクエストにより取ってきてすらいないわけだね。ただ、この辺は正確にはブラウザに依存する。うまくいくブラウザもあるかもね。
ご回答ありがとうございます。
ごめんなさい。。
わかったようでわかってないのですが、
要はjquery.jsが効いていないってことですよね。
上記のようなことをする場合は、
不可能ということなんでしょうか。
それともほかに方法があるのでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptでテーブルの内容を抽出
-
特定のURLからの訪問者を入室禁...
-
FLASH(swf)2点のリロード毎の切...
-
コピーライトの年表示について...
-
document.writeの文字列が実行...
-
明日の日にちを表示するときは
-
ブログパーツのjquery利用について
-
javascriptでaタグの変わりはで...
-
動的生成したscriptタグが実行...
-
¥マークの検索について
-
<a href="#" …>の意味を教えて...
-
html メールリンクにて自動ファ...
-
特定のウィンドウ名を持つウィ...
-
<FORM>タグのtargetに値を書込...
-
ページを表示すると同時に複数...
-
別ファイルのfunctionの読み込み方
-
ホームディレクトリを示すチル...
-
セキュリティ保護の警告が出な...
-
月ごとに表示するページを変える
-
スマホ上で、左右スワイプで次...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1から100までの平方根を表示す...
-
CGIフォーム一定時間過ぎる...
-
CGIのCookieの消去
-
特定URLからの遷移後、指定ULR...
-
¥マークの検索について
-
HTML画面上で文字の大きさを変...
-
ランダム音声と正解・不正解の表示
-
IEでiframe内のcookieを保持
-
指定した「曜日」の「時刻」に...
-
JSによるリンク先の値の取得
-
コピーライトの年表示について...
-
ページ内文字列の置換について
-
location.hrefが動かない・・・
-
ネスケの時リロード
-
ホームページ内に直接書込がしたい
-
document.getElementById
-
元のページのタイトルを取得す...
-
カウントダウンとカウントアッ...
-
JavaScriptで、参照する階層を...
-
外部JavaScriptの書き方
おすすめ情報