サイト内に他のページ情報を表示するJavascriptを記述したところ、
他ページの情報を読み取るのに時間がかかり、結果としてJavascriptの記述部分以降の
表示が遅くなるようです。
いろいろ調べたところでは、Javascriptをページ最後で実行させればよいことは分かったのですが、
Javascriptの表示場所は変えずに、実行だけを最後に行うことはできるのでしょうか?
実行させたいJavascriptは以下の内容です。
<SCRIPT language="JavaScript" src="http://XXXX"></SCRIPT>
※RSSを表示する
No.4ベストアンサー
- 回答日時:
#3です。
考えてみたらajaxとかではないので、直後に実行するだけでよいみたい。
(これならかなり簡単)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>sample</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
<body>
<div id="comment">ここに表示</div>
<hr>
・・・・ その他の文章 ・・・・
<!-- ここから下をbody直前に書く -->
<div id="temporary">
<!-- ↓普通に表示させたい時と同じ記述をする -->
<script type="text/javascript" src="Http://www.daikoku-ya.org/perl/jsRSS/jsRSS.cgi?url=Http://twitter.com/statuses/user_timeline/3918621.rss::temp=twitter.tmp::line=10"></script>
</div>
<script type="text/javascript">
<!--
(function(){
var t = document.getElementById('temporary');
document.getElementById('comment').innerHTML = t.innerHTML;
t.parentNode.removeChild(t);
})();
//-->
</script>
</body>
</html>
No.3
- 回答日時:
#2様がご提示の方法が大変スマートだと思いますが、少しだけ簡単な方法を…
(同じことを泥臭くやっているようなものか…)
一旦(下の方に)表示させてから、内容を目的のところへ移動させています。(仮表示の部分は削除)
(* アドレスのHttp部分はhttpに(2箇所)。直接呼出しは叱られるかも知れないけどサンプルなので。)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>sample</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
<body>
<div id="comment">ここに表示</div>
<hr>
・・・・ その他の表示 ・・・・
<!-- ここから下をbody直前に書く -->
<div id="temporary" style="visibility:hidden;">
<!-- ↓普通に表示させたい時と同じ記述をする -->
<script type="text/javascript" src="Http://www.daikoku-ya.org/perl/jsRSS/jsRSS.cgi?url=Http://twitter.com/statuses/user_timeline/3918621.rss::temp=twitter.tmp::line=10"></script>
</div>
<script type="text/javascript">
<!--
/*@cc_on@*/
window./*@if(1)attachEvent('on' + @else@*/addEventListener(/*@end@*/'load',
function(){
var t = document.getElementById('temporary');
document.getElementById('comment').innerHTML = t.innerHTML;
t.parentNode.removeChild(t);
}, false);
//-->
</script>
</body>
</html>
No.2
- 回答日時:
> 任意RSSを出力できるjsRSSと呼ばれるフリープログラムを利用しています。
最近、同じような質問に回答しました。
参考までに。
xhtmlでJavaScriptを使えますか? | OKWave
http://oshiete.goo.ne.jp/qa/6432492.html
早々のご回答ありがとうございます。
ご紹介先に記載されているリンクページを拝見させて頂きました。
簡単にできるかと思いきや、少々勉強しないとついていけなさそうです。
リンクページで勉強させていただきます。
No.1
- 回答日時:
意味がよくわかりませんが、
「Javascriptの表示場所は変えずに、」
=>document.write 実行箇所の事でしょうかねえ?
Javascriptをページ最後で実行させるなら単に</body>の直前に
<script></script>
を移動させるだけですけど、document.writeで途中に何か書き出してるなら、
位置を指定したDOM関数(例えばinnnerHTML)に書き換える必要があるかと。
スクリプトの内容しだいですね。
この回答への補足
早々のご回答ありがとうございます。
ご指摘の通り、実行させたいJavascriptは</body>直前に設置したいと考えています。
Javascript内では文字列の出力が行われるために、そのままでは、</body>直前への出力となりますので、
ページ中央の指定した場所で表示させたいと考えいます。
DOM関数というアドバイスを頂きまして、以下のように作成してみました。
しかし何も表示されません。。。
いろいろと試しているのですが、解決の目処が立たず申し訳ございませんが、
アドバイスを頂けると幸いです。
<div id="comment">ここに表示</div>
・・・
・・・
<SCRIPT Language="JavaScript"><!--
document.getElementById('comment').src = "http://XXXX";
--></SCRIPT>
</body>
上記の"http://XXXX"部分ですが、ここは任意RSSを出力できるjsRSSと呼ばれるフリープログラムを利用しています。
単純に、ホームページ内で以下のプログラムを実行した場合の出力をご紹介します。
<SCRIPT language="JavaScript" src="http://XXXX"></SCRIPT>
出力例は以下の通りです。
[2010/12/31 17:31:58]
ウォークマン年末に首位奪還
[2010/12/28 12:56:26]
Windows7について
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ブラウザをJavaScriptで最小化…
-
<a href="#" …>の意味を教えて...
-
javascriptとApacheの設定
-
bodyにidをつける理由は何ですか?
-
JavaScriptのエラー ( 関数の...
-
ナンバーズ 4 の数列をランダム...
-
HTMLタグ 画面サイズを指定
-
Canvasを使って描画して面積取得
-
window.opener.location.href ...
-
「関数が定義されていない」と...
-
プルダウンメニューを別ファイ...
-
SQLのWHEREで全てを質問する方法
-
text/JScript.EncodeはMacIE5で...
-
中央に、アドレスバー表示した...
-
レンタルサーバーでjavascript...
-
ポップアップウィンドウの位置
-
プルダウンメニューの内容の取...
-
テキストボックス内にハイパー...
-
<iframe>~</iframe>内のwindow...
-
JavaScriptを使う時は、
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
特定のページから移動してきた...
-
javascriptでalertの文字列をコ...
-
変数の代入値を外部の.txtファ...
-
onLoadをbodyタグ以外で使用する
-
【javascript クロスブラウザ...
-
javascriptにてonclickを無効
-
季節毎に自動的に変化するホー...
-
javascriptでページ内の一部分...
-
JavaScriptのonUnloadについて
-
ウィンドを開いたとき位置を指...
-
javascriptでのHPデザインの振...
-
指定の年月日時にcssを自動で切...
-
オブジェクトを指定してくださ...
-
ブラウザーのバージョンによる...
-
htmlソースの取得方法
-
iframe内をリロードできますか?
-
マウスカーソルを非表示にしたい
-
楽天商品検索APIをjavascriptで...
-
セキュリティ保護の警告が出な...
-
innerHTMLが動作しない。
おすすめ情報