<NOSCRIPT>

締切済

質問者：kurotrb
質問日時：2010/04/19 23:52
回答数：5件

<NOSCRIPT>
ブラウザがスクリプト非対応の場合，<noscript>をつけると追加の情報を表示できますが，
ブラウザがスクリプト非対応の場合，通常の表記をかくすことってできますか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

最新から表示
回答順に表示

No.5

回答者： taloo
回答日時：2010/04/21 08:43

HTML

---------------
<body>
<script src="write.js"></script>
</body>

write.jsに以下を記述
---------------
document.write('<p>スクリプトが非対応の場合に表示されない文章。</p>');

- 0
- 件

通報する

No.4

回答者： think49
回答日時：2010/04/20 16:16

こういうことですか？

<div id="Target">Script無効の時だけ表示するよ！</div>
<script type="text/javascript">
document.getElementById('Target').style.display = 'none';// div#Targetを不可視にする
</script>

消えるっちゃ消えますが、JavaScriptはDOMノードが生成されたノードにしかアクセスできませんから、
ブラウザが表示した後に一瞬遅れて、JavaScriptが要素を消します。
初めから見えないようにすることは出来ませんし、CSS無効環境では見えてしまいます。

<head> 読み込みの時点で、document.styleSheets にスタイルを流し込む手もありますが、描画タイミングによっては見えてしまいそうです。
CSS無効で見えてしまう欠点も残っています。

JavaScriptだけで完全に見えないように管理したいのなら、document.createElement, innerHTML, document.write 等で要素を生成するのが最良だと思います。
(用途によってはJS無効時のHTMLをJavaScriptで改変する方がスマートだと思います)

<script type="text/javascript">
(function(){
var p = document.createElement('p');// p要素ノード生成
p.appendChild(document.createTextNode('"Hello, World!"'));// テキストノードを流し込む
document.body.appendChild(p);// p要素ノードを body の子として追加
})();
</script>

たまに、

<div style="display: none;">デフォルトでは見えない</div>

にして、JavaScriptで display:block; に変更するサイトを見かけますが、
やはり、「CSS無効 & JS無効」の環境では見えてしまいます。
JS無効に配慮するなら、CSS無効にも配慮する方がベターだと思います。

- 0
- 件

通報する

No.3

回答者： fujillin
回答日時：2010/04/20 09:36

「通常の表記」の意味がよくわかりませんが…

1）通常のHTMLで、スクリプト非対応の場合の表示を作成しておく。
2）上記をスクリプトで、スクリプトＯＮの場合の表記（＝通常の表記？）に書き換える。

以上の仕組みで、
　スクリプトＯＮ → 通常（？）の表記
　スクリプトＯＦＦ → 初期の表記（＝通常の表記ではない）
となります。

(言ってることは、No2様が既に回答されている内容ですけれど)

- 0
- 件

通報する

No.2

回答者： BellBell
回答日時：2010/04/20 01:31

もし、スクリプト非対応のユーザには見て欲しくないページ(見ても意味が無いページ)があるという意味であれば、javaAcriptを使ってページ遷移すればよいのではないかな？

そのページを見ている時点で、JavaScript対応しているとみなしてOKと。

実際には、他サイトが直リンクしたり、robot.txtを無視する検索サイトなどから直接来たり、あるいはユーザが途中でJavaScriptをOFFにしたりで、100%の判定は無理だとして。

JavaScript対応しているユーザにだけ見せたい文字があるとしたら、JavaScriptで文字を表示させるとか。
document.write("hogehoge");
あたりですかね。

いちいちdocument.writeで書いてられないということであれば、ファイルから読み込むとかもあり。
※自前でやるには少々面倒なので、prototype.jsを使えばかなり楽。

- 0
- 件

通報する

No.1

回答者： notnot
回答日時：2010/04/20 00:58

＞ブラウザがスクリプト非対応の場合，通常の表記をかくすことってできますか？

通常の表記とは？

<script type="text/javascript"></script>
<noscript>
スクリプトが有効なときに表示されない記述をHTMLで書く
</noscript>

これ以外のことは出来ません。<noscript>に書くのは追加じゃなくてscriptの代替です。
<img src="画像表示が有効なときに表示する画像のURL" alt="画像表示が無効なときに表示するテキスト" /> なんかと同じ関係。