window.onloadなどあらかじめ用意された物以外でページが最後

質問

window.onloadなどあらかじめ用意された物以外でページが最後まで読み込まれたか判定したいです。

条件を書きますね。
１．window.onloadなど直接head要素、またbodyの各イベント属性に記述は出来ない状態です。
２．掲示板の上部にフリーテキストの部分があり、その部分のみ扱えます。使えるタグが制限されています。インライン要素はstrongブロック要素はdivです。このためインラインでスクリプトを書いて行きます。

window.onloadが発生した後やwindow.onabortが発生して
ちょっと経った後にブラウザが「読み込みすでに完了済み」や
「読み込みを中断済み」のような何らかの値をどこかに格納したりしないのでしょうか。

また代替処置をするならばどんなスクリプトが有効でしょうか。
なるべく色んなページに対応したいです。
例えばbodyの中身が全部読まれているか判定したり、
一番最後の要素が読まれたかどうか判定するスクリプトです。
もっとも一番最後の要素が読まれたかどうかを判定するアナログなやり方だと
window.onabortの時などイレギュラーな時に
うまく行かないので出来るだけ何か画期的なものを探しています。

JSが好きな方々、よろしくお願いします。

回答No.4

think49 · ベストアンサー

＃2,3 です。

状況がわかりました。つまり、こういうことですね。

------
<div id="Edittable"><!-- 編集可能領域 -->
<strong onclick="alert(document.getElementById('test7').firstChild.nodeValue)">クリックしてね</strong><!-- クライアント環境がナローバンドだとtest7の読み込みが完了していないかもしれないので、読み込み完了を判定したい。 -->
</div>

<p id="test1">test1</p>
<p id="test2">test2</p>
<p id="test3">test3</p>
<p id="test4">test4</p>
<p id="test5">test5</p>
<p id="test6">test6</p>
<p id="test7">test7</p>
------

解決法としては、document.getElementById('test7') の存在をif文で判定すればいいと思います。

if('undefined' !== typeof document.getElementById('test7')){
　alert(document.getElementById('test7').firstChild.nodeValue);
} else {
　// window.onload, addEventListener, attachEvent など
}

で、サンプルを書いてみましたが、onclickに入れるとGoogleChrome5でエラーが出ちゃいますね。
(全角空白は半角空白に置換してください)

(function(test){
　if('undefined' !== typeof document.getElementById('test7')){
　　test();
　} else if ('undefined' !== typeof addEventListener) {
　　addEventListener('load', test, false);
　} else if ('undefined' !== typeof attachEvent) {
　　attachEvent('onload', test);
　} else {
　　throw new Error('#test7 is not found.');
　}
})(function(event){
　alert(document.getElementById('test7').firstChild.nodeValue);
});

onclickに入れなければエラーは出ないので、あんまり複雑なコードは入れないで、って事なのかもｗ

お礼

うーむ素晴らしい
すごいスマートにまとまってます！！
本当にありがとうございました。
私もこのコードを見たときこれは行ける！と思ったのですが
なんと、、、ページがロードし終わったタイミングでは実行されませんでした！！
これは１さんとお礼をした際に書いた難題が原因だと思われます。

おどかしてすみません。
それはアラートの場合であって、本当のやりたい事のエレメントを追加する方法だとうまく機能しました。

原因を色々考えたのですが

イメージのロードとエレメントの定義のタイミングが別々になってるからかもしれないですね。
ドキュメントタイプをXHTMLにし、それでコーディングしたからかもしれないですね。
貼る場所は非情に汚いソースなのでDOMの定義とかの関連で違いがあるかもしれませんね。

ちなみに大変遅くなりましたがプロフィールに該当サイトを常に貼ってあります。
タイトル画像のすぐ下に書いてある小文字のdivに一行の長いものがあります。
それが該当箇所です。まだ本番では確認してないです。別のコードが書いてあります。
ちなみにうちの掲示板はスパムが酷いのでコメントを閉じちゃいました。
色々聞きたいことがあるのですが過去の投稿などをとりあえず参考にします。

一応テストページを用意しました。
画像は一枚3MBにしてあります。
画像読み込み中にデカイ文字の「ページ読み込み時にクリック」を押してみてください。
www.geocities.jp/hyper_funstyle/cmand_alert/test.html

本番でのスクリプトの起動方法は半透明のもしくは完璧な透過PNGを背景に敷いたdivを
CSSでずらして絶対にマウスオーバーしたり、マウスムーブする場所に仕掛けるつもりです。

クロームは今回は考慮しないことにします。
軽くて早いのは使ってて気持ちいいんですけどね。（地図の立体表示とか）
もう修正されたかもしれないですが
マージンとか擬似要素とかの挙動がなんかカオスなんですよね。
(´・ω・｀)

JSやASが前進する瞬間はひらめいた時、いい辞書・サイトにめぐり合ったとき、
そしてイイ師に出会えた時ですね☆
ありがとうございます。
このスクリプトを家宝にします。

回答No.3

think49

#2です。

<iframe> や <frame> で該当ページを読み込んで、親windowからiframeのwindow(contentWindow)やサブフレームのwindowを参照する、って手もありますね。
外部URLをフレームに埋め込む手法は敬遠されがちですが、双方とも自分のサイトなら問題はないと思います。
(良い手法ではない、という意見もありそうですが)

window - MDC
https://developer.mozilla.org/ja/DOM/window
JavaScript インラインフレーム(iframe)関連 - とみぞーノート
http://wiki.bit-hive.com/tomizoo/pg/JavaScript%20%A5%A4%A5%F3%A5%E9%A5%A4%A5%F3%A5%D5%A5%EC%A1%BC%A5%E0%28iframe%29%B4%D8%CF%A2

お礼

なるほどこれは新しい方法ですね。
この方法ならwindow.onloadを起こすことも出来ますね。
しかしソースを配布したいなーとも思ってるわけでちょっと複雑な心境です。
わがままですみません。本当に助かります。
window.onloadに初期状態で格納されてるものが
undefinedと違うと良いのになぁと妄想しちゃいます。

(´・ω・`)一応アレから色々考えてエレメントの数を
setIntervalとgetElementsByTagName().lengthを使ってリアルタイムに数えさせ、
増加が止まったらチェックを数秒繰り返して
その指定した時間よりも止まっていたらスクリプトを実行というものを作ったのですが
ナローバンドの不安定さを考えるとちょっと無理があるなぁと思っていたのです。
どこかに通信速度表のような物を用意して
エレメントの増加量で比較して秒数を可変なんていう
結構小難しいのも考えてるのですが、やはり正確ではないですね。

回答No.2

think49

方法論としては、適当な要素のonload属性からownerDocument,defaultViewでwindowオブジェクトを取得できそうではあります。

が、仮に可能だったとしても極めて黒に近い灰色って気がしますね。
script要素を禁止しているということは、そのような行為をして欲しくないのでしょうから…。。

お礼

ownerDocumentやdefaultViewは初めて目にしました
調べてみます。

>script要素を禁止していると・・・・・
そのようですね。いじってて感じました。

ありがとうございます。

回答No.1

SAYKA

？？？
window.onloadを見ないで読み込み完了を判定するって不可能だと思うんだけど・・・

掲示板とやらは、つまりいじれない、提供側が固定で設置していて利用者が一定の設定しかできない代物って事だよね？
でも書き方からするとjavascriptを使う方法が有るのなら　やっぱり onload になるんじゃない？
通常はheaderだけど、途中であっても結局 onload が起きたのを拾って処理するscriptを書く、という形になると思う。
addEventListener だとかその辺りから IE用ではどうするとか引っ張ってみたら良いんじゃないかな。
(タグに onLoad="func()" を書かないでonloadを察知する方法の話)

about対策はエラー判定やtryで対処

お礼

掲示板なので、ページが長い場合は
ページをロード中にオンロードもしくはそれに相当する物を起動すれば問題無いですよね

しかし、ページがロードし終わったあとに
インラインからwindow.onloadに何かファンクションを入れても実行されないんですよ。

これを判定できればページが中途半端にロードされようと
完全にロードされようとページの中身を確実に書き換える事が出来るんです。
window.onloadは一回しか返事を返してくれないですし
ブーリアン型でどっかに保存されてれば良いなぁ　と思いにふけっていた所なのです。

about対策はエラー判定やtryで対処する方法はちょっと調べてみます。
tryは何かに使えそうですね。
ありがとうございます。