0

当有人没有启用 JavaScript 时，我想在我的页面顶部添加粘贴的文本（当用户关闭页面时，该文本会下降，等等）：

在此处输入图像描述

这个怎么做 ？有什么办法可以使用 JavaScript 或 HTML 吗？我不想使用 jQuery，因为我不太了解那种语言。

@EDIT：对不起，那是我的错误-如果用户没有启用 JS，则无法使用 JavaScript :)

4

3 回答 3

1

http://jsbin.com/AJUxayA/6/edit

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div id="no_js_header">test</div>
  <div id="content">content</div>
  <div style="margin-top: 2200px"></div>
</body>
</html>

#no_js_header {
    position:fixed;
    width:100%;
    background-color:red;
    margin: 0px;
    top: 0px;
    left: 0px;
    padding: 3px;
}

#content {
  position: absolute;
  top: 50px;
}

（在 jsbin 中取消注释激活）

document.getElementById('no_js_header').style.display = 'none';
于 2013-09-03T16:24:17.957 回答
1

这是一个示例，您可以如何制作这样的信息栏：

HTML：

<noscript><div id="noscript"><p>NO JAVASCRIPT</p></div></noscript>

CSS：

div#noscript {

    margin: 0 auto; 
    width: 100%; 
    padding: 10px 0; 
    position: fixed; 
    top: 0; 
    background: red;
    z-index: 99999;
}

div#noscript p { 

    text-align: center;
    color: white;
}

这里是JSfiddle

于 2013-09-03T16:25:55.187 回答
0

您可以尝试使用 noscript 标签...

<noscript>
    <div>
        <p>ahhh, javascript is disabled!</p>
    </div>
</noscript>
于 2013-09-03T16:14:41.903 回答