Javascript Noscript元素不显示

Javascript Noscript元素不显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个AJAX/Javascript密集型网页,正在尝试使用标记创建网站的静态版本 问题:标签中的元素不会显示,但屏幕上显示的是原始AJAX/JS站点的(未运行)界面的剩余部分。的内容似乎隐藏在原始接口的div下 如何隐藏部分之外的所有内容,而只显示的内容 HTML结构 <body> <div id="user_interface"></div> <div id="javascript_portion"></div>

我有一个AJAX/Javascript密集型网页,正在尝试使用
标记创建网站的静态版本

问题:标签中的元素不会显示,但屏幕上显示的是原始AJAX/JS站点的(未运行)界面的剩余部分。
的内容似乎隐藏在原始接口的div下

如何隐藏
部分之外的所有内容,而只显示
的内容

HTML结构

<body>
    <div id="user_interface"></div>
    <div id="javascript_portion"></div>
    <noscript>
        <p>Some static content</p>
    </noscript>
</body>

一些静态内容


您可以使用CSS向javascript部分div添加display:none,然后使用javascript将其删除。这样,Javascript部分将只显示Javascript是否正常工作。

您可以使用CSS向Javascript部分div添加display:none,然后使用Javascript将其删除。这样,Javascript部分将仅显示Javascript是否工作。

可以通过两个步骤完成:

1) 将
#用户界面
#javascript部分
的css设置为
显示:无


2) 将JS中某个地方的相同选择器的
display
设置为
block
,可以通过两个步骤完成:

1) 将
#用户界面
#javascript部分
的css设置为
显示:无


2) 对于JS中的相同选择器,将
display
设置为
block
,用Javascript编写其他内容怎么样,比如:

<body>
  <script type="text/javascript">
    document.write('<div id="user_interface"></div>');
    document.write('<div id="javascript_portion"></div>');
  </script>
  <noscript>
    <p>Some static content</p>
  </noscript>
</body>

文件。写(“”);
文件。写(“”);
一些静态内容


用Javascript编写其他内容怎么样,比如:

<body>
  <script type="text/javascript">
    document.write('<div id="user_interface"></div>');
    document.write('<div id="javascript_portion"></div>');
  </script>
  <noscript>
    <p>Some static content</p>
  </noscript>
</body>

文件。写(“”);
文件。写(“”);
一些静态内容


noscript标记类似于else部分;如果您有脚本,则执行xxx或noscript标记中的操作

尝试以下方法(我使用下面的jquery):


... 这里所有需要java脚本的东西。
... 这里的所有noscript内容
$(文档).ready(函数()
{
$(“#with scriptbody”).css(“显示”、“块”);
});

noscript标记类似于else部分;如果您有脚本,则执行xxx或noscript标记中的操作

尝试以下方法(我使用下面的jquery):


... 这里所有需要java脚本的东西。
... 这里的所有noscript内容
$(文档).ready(函数()
{
$(“#with scriptbody”).css(“显示”、“块”);
});

或将
显示:none
css放在自己的样式表中,并将该样式表包装在
标记中。这样就不需要JS来显示元素,或者只需将
display:none
css放在自己的样式表中,并将该样式表包装在
标记中。这样就不需要JS来显示元素。