サイト内に他のページ情報を表示する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で質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
- PHP 掲示板のセキュリティについてアドバイスお願い致します 1 2023/08/11 20:44
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
macでjavascriptを記述するには...
-
指定日まで画像カウントダウン...
-
ホームページ上で残り日数をカ...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavascriptとJqueryを混在し記述
-
Dreamweaver で 外部JSを読み込...
-
pythonのWebスクレイピングでfi...
-
条件分岐で、読み込む外部スク...
-
Safariで<iframe>のinnerHTMLを...
-
bodyにidをつける理由は何ですか?
-
JavaScriptでiframeの内容を「...
-
function の return 値を表示し...
-
リンクをクリックすると文字が...
-
jqueryでのkeydownイベント発生...
-
ウィンドウ名の設定
-
擬似フレーム
-
Mac IE でスクリプトエラー
-
上と左にフレームわけされてい...
-
<FORM ACTION= をつけると「宣...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでalertの文字列をコ...
-
onLoadをbodyタグ以外で使用する
-
変数の代入値を外部の.txtファ...
-
【javascript クロスブラウザ...
-
1 ~ Nまでの整数の総和(1+2+3....
-
javascriptにてonclickを無効
-
特定のページから移動してきた...
-
楽天商品検索APIをjavascriptで...
-
JavaScript で指定した月日に別...
-
指定の年月日時にcssを自動で切...
-
「jQuery」アニメーションをル...
-
セキュリティ保護の警告が出な...
-
macでjavascriptを記述するには...
-
type="text/javascript"
-
ウィンドを開いたとき位置を指...
-
日替わりメッセージの表示
-
javascriptでページ内の一部分...
-
文字をクリックすると詳細文章...
-
ホームページ上で残り日数をカ...
-
Refreshの回数
おすすめ情報