blocks|key|3915619|text|你的网站应该仍然适用于那些没有启用JavaScript的用户，但是对于那些启用了JavaScript的用户，它应该工作得更好，你应该让用户知道，他们没有得到最好的用户体验，因为他们没有启用JavaScript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3915620|这就是谷歌、Facebook和雅虎的所作所为，也是接触最广泛受众的最佳方式。|3915621|http://en.wikipedia.org/wiki/Progressive_enhancement|offset|length|3915622|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|1G|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

Your site should still work for people who do not have JavaScript enabled, but it should work better for those that do have JavaScript enabled, and you should let users know that they aren't getting the best user experience because they don't have JavaScript enabled.

This is what Google, Facebook, and Yahoo do, and is the best way to reach the widest audience.

<a href="http://en.wikipedia.org/wiki/Progressive_enhancement" rel="nofollow">http://en.wikipedia.org/wiki/Progressive_enhancement</a>

blocks|key|5384032|text|看起来你只需要CSS，特别是position:+fixed;+bottom:+0：http://jsfiddle.net/b6qwH/。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5384033|这样元素就会固定在屏幕的底部，滚动时也是如此。|5384034|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/b6qwH/^0|E|Q|15|Q|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

It looks like you just want CSS, especially <code>position: fixed; bottom: 0</code>: <a href="http://jsfiddle.net/b6qwH/" rel="nofollow">http://jsfiddle.net/b6qwH/</a>.

That way the element is anchored to the bottom of the screen, so also when scrolling.

blocks|key|1402145|text|粘性头部无论如何都不应该需要javascript，你可以只用position:fixed来做，例如movethewebforward.org|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1402146|entityMap|0|LINK|mutability|MUTABLE|url|http://movethewebforward.org/^0|U|E|1D|L|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

A sticky header should not need javascript anyway, you can do it just with <code>position:fixed</code> for example <a href="http://movethewebforward.org/" rel="nofollow">movethewebforward.org</a>

blocks|key|1402152|text|全世界大约有2%25的人正在使用没有安装JavaScript的浏览器，或者他们已经关闭了它。(Reference)所以不是一个很大的数字，但它是存在的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1402153|这就是渐进式增强是你的朋友的地方。尝试在大多数浏览器上创建一个状态栏，它在大多数情况下都可以执行您想要的操作(可能使用position:+fixed或position:+absolute，并在主内容元素上添加一些填充)，但大多数情况下不使用JavaScript。然后，如果你仍然认为你需要使用JavaScript来做你想做的事情，你可以为98%25的拥有它的人添加它。|style|CODE|1402154|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.yahoo.com/blogs/ydn/posts/2010/10/how-many-users-have-javascript-disabled/^0|19|9|0|0|1N|F|23|I|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@$A|U|B|V|F|G]|$A|W|B|X|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

Approxiately 2% of people worldwide are using browsers that don't have JavaScript, or they have it turned off. (<a href="http://developer.yahoo.com/blogs/ydn/posts/2010/10/how-many-users-have-javascript-disabled/" rel="nofollow">Reference</a>) So not a big number, but it's there.

This is where progressive enhancement is your friend. Try to create a status bar that does what you want (probably using <code>position: fixed</code> or <code>position: absolute</code> combined with some padding on your main content element) on most browsers, most of the time, without JavaScript. Then if you still think you need to use JavaScript for it to do exactly what you want, you can add that for the 98% of people who have it.

blocks|key|1402158|text|JavaScript几乎在每个浏览器上都是打开的。我想你们中90%25的来访者甚至不知道你可以关掉它。另外10%25的人知道为什么你不应该关闭JavaScript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402159|你可以搜索粘性页脚或粘性页眉，你会得到很多这样做的例子。|1402160|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

JavaScript is almost on on every browser. I think 90% of you visiters don't even know you can switch it off. And the other 10% know why you shouldn't turn JavaScript off.

You can search for sticky footer or sticky header and you are getting much examples about how you can do something as this.

blocks|key|1402162|text|谢谢你所有的好建议。我能够使用CSS来实现我的目标并消除javascript。至少它可以在我测试过的几个浏览器中工作。emptyspace类在内容和页脚之间创建一个边距。在我看来，编写CSS代码并不有趣。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1402163|#emptyspace+{
++++float:+left;
++++width:+100%25;
++++height:+130px;
}

#footer+{
++++position:+fixed;
++++bottom:+0px;
++++width:+100%25;
++++height:+125px;
++++background:+url(../images/grass-green-gradient.png);
++++background-repeat:+repeat-x;
}|code-block|syntax|javascript|1402164|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Thanks for all the good advice. I was able to use CSS to achive my goal and eliminate javascript. At least it works in the few browsers that I tested it with. The emptyspace class creates a margin between the content and footer. Coding CSS is not fun in my opinion.

<pre><code>#emptyspace {
 float: left;
 width: 100%;
 height: 130px;
}

#footer {
 position: fixed;
 bottom: 0px;
 width: 100%;
 height: 125px;
 background: url(../images/grass-green-gradient.png);
 background-repeat: repeat-x;
}
</code></pre>

I'm developing a website and want a status bar to stay anchored to the bottom of every page. The best way to do this seems to be using javascript. However, many browsers will have javascript disabled. So, wouldn't it be a best practice to not use javascript? I tested google with javascript disabled and their status bar doesn't even show up. That seems like a poor implementation. Is a web developer supposed to assume javascript should be enabled or is there a better best method for a standard?

Coding a website JavaScript disabled

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在开发一个网站，希望状态栏留在每个页面的底部锚定。最好的方法似乎是使用javascript。然而，许多浏览器将禁用javascript。所以，不使用javascript不是最好的做法吗？我在禁用javascript的情况下测试了google，他们的状态栏甚至都没有显示出来。这似乎是一个糟糕的实现。web开发人员是否...

问网站编码JavaScript已禁用
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问网站编码JavaScript已禁用EN