あるHTML逆 <noscript>?

StackOverflow https://stackoverflow.com/questions/30319

  •  09-06-2019
  •  | 
  •  

質問

あるHTMLタグのみが表示内容の場合はJavaScriptを有効になっていますか？知ってい <noscript> 作品の周りには、表示するHTMLコンテンツが当サイトでは、以下のブラウザがオフになってしまいます。いつづけたいと思っていますのみを表示形式は、い場合は、当ウェブサイトは、JavaScriptのプログラムをご利用いしか使用できませんの形を決めなければならないっています。

なだけは知っていることを document.write(); 方法でスクリプトタグを思わせるビットの乱れのための大量のHTML.

役に立ちましたか？

解決

きり目に見えない部を取得するに示すよJavaScriptの場合、ページ。

他のヒント

最も簡単な方法ん:

<html>
<head>
    <noscript><style> .jsonly { display: none } </style></noscript>
</head>

<body>
    <p class="jsonly">You are a JavaScript User!</p>
</body>
</html>

せん。書き、スクリプトは、純粋。

んですが、すべてご同意の回答についてはこちらを組み込み、HTMLの前に隠れたCSSで、ここまでできるまで再び表示されJS.でもw/o JavaScriptを有効にし、そのノードが存在するDOM.Trueの場合、ほとんどすべてのブラウザでもアクセスブラウザ）を無視するかを設定していますが、いまだに存在するが奇数倍の場合トします。

私の優先方法を使用しjQueryを生成する。またくさん出てしまうと思います、その内容を保存することも可能です。てドキュメントを編集するには、断片で、HTMLでいない、html、身体ヘッドなど。タグ)を使用しjQueryのajax機能への負荷の全ページです。

test.html

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8">
     $(document).ready(function() {
       $.get('_test.html', function(html) {
         $('p:first').after(html);
       });
     });
    </script>
</head>
<body>
  <p>This is content at the top of the page.</p>
  <p>This is content at the bottom of the page.</p>
</body>
</html>

_test.html

<p>This is from an HTML fragment document</p>

結果

<p>This is content at the top of the page.</p>
<p>This is from an HTML fragment document</p>
<p>This is content at the bottom of the page.</p>

まず、必ず別のコンテンツ、マークアップと行動!

今までのjQueryライブラリ(すんべきでJavaScriptを多くるのではなく、以下のコードをなすべき:

$(document).ready(function() {
    $("body").addClass("js");
});

この条件下では、追加のクラスの体時のJSを有効にします。現在、CSS、非表示にすることができ、地域のJSクラスはございませんが、、の場JS可能です。

まーに追加することができます no-js としてのデフォルトのクラスの体タグ用コード:

$(document).ready(function() {
    $("body").removeClass("no-js");
    $("body").addClass("js");
});

覚えているもの"と表示される場合CSSが無効になっています。

私はシンプルで柔軟なソリューションや類似すので、有効なhtml):

のbody要素のクラスの"jsOff".Remove(または置き換え)ることが可能です。てCSSを非表示の任意の要素クラスの"jsOnly"と親要素のクラスの"jsOff".

このことはJavaScriptを有効にすると、"jsOff"クラスから除去されます。このように構成要素のクラスの"jsOnlyますようお願い申し上げて親クラスの"jsOff"にはなりませんのでCSSセレクターを隠して表示されます。

JavaScriptが無効になり、"jsOff"クラス ません から削除されます。要素"jsOnly" ま 親を持たは"jsOff"という ま 試合は、CSSのセレクタのことを隠し、これを非表示にすることができます.

こちらのコード:

<html>
    <head>
        <!-- put this in a separate stylesheet -->
        <style type="text/css">
            .jsOff .jsOnly{
                display:none;
            }
        </style>
    </head>

    <body class="jsOff">
        <script type="text/javascript">
            document.body.className = document.body.className.replace('jsOff','jsOn');
        </script>

        <noscript><p>Please enable JavaScript and then refresh the page.</p></noscript>

        <p class="jsOnly">I am only shown if JS is enabled</p>
    </body>
</html>

で有効なhtml.では簡単にできます。この柔軟性があります。

だけで追加の"jsOnly"クラスの任意の要素がしたいのみ表示時のJSを有効にします。

なお、JavaScriptを除去するのjsOff"授業実行されるべきである早期体内のタグです。で実行できなう身体のタグがないことがあります。すべきではない行としては、このままではその要素の"jsOnly"クラスが見えない場合もありますか（いまCSSセレクターが隠れるようになるまでの"jsOff"クラスから削除されbody要素).

ようにするための機構jsのみスタイリングなど .jsOn .someClass{})およびjs-みスタイリングなど .jsOff .someOtherClass{}).でご利用いただけますを提供する代替 <noscript>:

.jsOn .noJsOnly{
    display:none;
}

このままではJavascriptを使用負荷からコンテンツを他のソースファイルを出力する。される少ブラックボックスがよいためのものです。

以下に例を示しますの隠れたdiv方法：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            *[data-when-js-is-on] {
                display: none;
            }
        </style>
        <script>
            document.getElementsByTagName("style")[0].textContent = "";
        </script>
    </head>
    <body>
        <div data-when-js-is-on>
            JS is on.
        </div>
    </body>
</html>

（おいられることになりそうであ戻るために貧しい家でご利用いただけます。いかねます。)

私の解決

.css:

.js {
display: none;
}

.js:

$(document).ready(function() {
    $(".js").css('display', 'inline');
    $(".no-js").css('display', 'none');
});

.html:

<span class="js">Javascript is enabled</span>
<span class="no-js">Javascript is disabled</span>

アレックスの第 温泉に心かしここでのみ使用している場合は、ASP.NET を付与することができるエミュレーションにはJavaScriptがもって使用。write();

きの視認性の項|div～'hidden'.

それをonloadの機能がセットの視認性を可視'.

のようなもの:

<body onload="javascript:document.getElementById(rec).style.visibility=visible"> 見える"id="rec">このテキストが隠れない限りjavascript可能です。</p>

目指すは世界中に存在するタグです。使javascriptを示します。

一部の人々はすでに示唆を使JSを動的に設定でCSS見えています。このまま動作する、テキスト document.getElementById(id).innerHTML = "My Content" または動的に作成のノードが、CSSハックは、おそらく最も簡単に読み出します。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top