Javascript noscript标记，如果没有启用，我需要提供可选的html_Javascript_Html_Detect

Javascript noscript标记，如果没有启用，我需要提供可选的html

javascript html

Javascript noscript标记，如果没有启用，我需要提供可选的html,javascript,html,detect,Javascript,Html,Detect,如果用户浏览器上未启用javascript，是否可以使用HTML替换javascript 我知道我可以使用这个屏幕来代替javascript 这很好，但它仍然运行javascript 理论上，我希望：如果启用了javascript 运行javascript 如果未启用javascript 不要运行javascript并给出替代方法我正在使用这个jQuery插件：当我在safari上禁用javascript时，它会显示所有三个项目，都在一个div中。插件会在每个项目中淡出，但禁用后，它会在一

如果用户浏览器上未启用javascript，是否可以使用HTML替换javascript

我知道我可以使用

这个屏幕来代替javascript

这很好，但它仍然运行javascript

理论上，我希望：

如果启用了javascript
运行javascript

如果未启用javascript
不要运行javascript并给出替代方法

我正在使用这个jQuery插件：

当我在safari上禁用javascript时，它会显示所有三个项目，都在一个div中。插件会在每个项目中淡出，但禁用后，它会在一行中显示所有三个项目，而不会像启用javascript时那样淡入淡出

禁用javascript后，我希望阻止它同时显示所有三个项目。我将向您展示它应该是什么样子，以及当禁用JavaScript时它会做什么

Disabled view：（注意它们3层叠在一起）-我想阻止这种情况发生，因为JavaScript被禁用了

启用的视图：

以下是项目所在div的代码：

$(document).ready(function() {
    $('#featured-programs-left').cycle({ 
        fx:     'fade', 
        speed:  'slow',
        timeout: 15000,
        next:   '#next2',
        prev:   '#prev2' 
    });
});

<div id="featured-programs-left">

<div>
    <a href="http://site.com/academics/majors/emergency_medical_technician_-_paramedic/" title="Emergency Medical Technician - Paramedic"><img src="http://site.com/images/uploads/images/emt.jpg" alt="Emergency Medical Technician - Paramedic" /></a>
    <strong>Emergency Medical Technician - Paramedic</strong>
    <p>This unique A.A.S. degree program, a partnership between College and Faxton-St. Luke&#8217;s Healthcare provides the paramedic student the education necessary to function in an</p> 
    <p><a href="http://site.com/academics/majors/emergency_medical_technician_-_paramedic/" title="Learn more about Emergency Medical Technician - Paramedic">Learn more</a></p>
</div>

<div>
    <a href="http://site.com/academics/majors/travel_tourism_hospitality_events_management/" title="Travel &amp; Tourism: Hospitality &amp; Events Management"><img src="http://site.com/images/uploads/images/hospitality_event_planning.jpg" alt="Travel &amp; Tourism: Hospitality &amp; Events Management" /></a>
    <strong>Travel &amp; Tourism: Hospitality &amp; Events Management</strong>
    <p>This program prepares students for exciting careers in the travel and tourism industry and the hospitality and events planning field. Graduates are prepared to:<br</p> 
    <p><a href="http://site.com/academics/majors/travel_tourism_hospitality_events_management/" title="Learn more about Travel &amp; Tourism: Hospitality &amp; Events Management">Learn more</a></p>
</div>

<div>
    <a href="http://site.com/academics/majors/fashion_buying_merchandising/" title="Fashion Buying &amp; Merchandising"><img src="http://site.com/images/uploads/images/fashion_merchandising.jpg" alt="Fashion Buying &amp; Merchandising" /></a>
    <strong>Fashion Buying &amp; Merchandising</strong>
    <p>This program prepares graduates for careers throughout the Fashion Industry including positions in buying, fashion merchandising, retail and wholesale sales, retail</p> 
    <p><a href="http://site.com/academics/majors/fashion_buying_merchandising/" title="Learn more about Fashion Buying &amp; Merchandising">Learn more</a></p>
</div>

</div>

如果启用脚本，它将运行脚本。如果您想启动此行为，请在浏览器中禁用JavaScript并试用。

使用

的另一种方法是在页面加载后立即用JavaScript隐藏某个元素。如果禁用JavaScript，元素将保持显示状态。如果启用了JavaScript，脚本将被执行，元素将被隐藏

window.onload = function () {
    document.getElementById("no_script").style.display = "none";
}

<div id="no_script">
You don't have JavaScript enabled.
</div>

window.onload=函数（）{
document.getElementById（“无脚本”）.style.display=“无”；
}
您没有启用JavaScript。

更新如果您想做相反的事情（在启用JavaScript时显示一点HTML），则始终可以使用各种方法将新元素注入DOM树。这里有一个：

$(document).ready(function() {
    $('#container').html($('#content').html());
});

<div id="container"></div>
<script type="text/html" id="content">
    <div>Your <em>HTML</em> goes here</div>
</script>

$（文档）.ready（函数（）{
$（'#container'）.html（$（'#content'）.html（））；
});
你的HTML在这里

感谢

巧妙地将HTML模板隐藏在HTML中。浏览器显然不会执行或呈现非常规类型的内容。

类似于，您可以使用Javascript为启用了它的用户更改内容。例如，假设您有一个奇特的菜单，为Javascript用户提供了超级简单的导航，但对非JS用户来说毫无价值。在HTML中，将display属性设置为“none”，然后使用JS启用它。在您的情况下，如果您有不想向非JS用户显示的内容，您可以在默认情况下将其隐藏。缺点是，如果浏览器关闭了JS和CSS，这将不起作用。如果您对此感到担心，可以使用JS插入内容

<html>
<head>
  <script>
    $(document).ready(function() {
      $('.jsok').show();
    });
  </script>
  <style>
    .jsok { display: none; }
  </style>
 </head>
 <body>
   <div class="jsok"><!-- content for JS users here--></div>
   <div><!-- content for everyone here --></div>
   <noscript><!-- content for non-js users here --></noscript>
 </body>
 </html>


$（文档）.ready（函数（）{
$（'.jsok'）.show（）；
});
.jsok{display:none；}

这个问题不是很清楚。标题显示您已经知道noscript标记，它似乎可以满足您的需要。如果显示noscript内容，则不执行javascript。也许你想要达到的目标有一些更具体的细节？虽然这绝对是一个合适的后备计划（尽管你真的不需要；noscript实际上是通用的），你需要小心，因为这可能会使你的页面在隐藏相关元素时有点跳跃。我想做与你创建的相反的事情。因此，如果启用了javascript，我想显示代码。问题标题与您刚才所说的相反。你可能想重新措辞这个问题。

<html>
<head>
  <script>
    $(document).ready(function() {
      $('.jsok').show();
    });
  </script>
  <style>
    .jsok { display: none; }
  </style>
 </head>
 <body>
   <div class="jsok"><!-- content for JS users here--></div>
   <div><!-- content for everyone here --></div>
   <noscript><!-- content for non-js users here --></noscript>
 </body>
 </html>