此刻在 <head>
我的网站我有
<script>
document.write('<style>.jshide{display:none},.jsshow{display:block},.jsblank{visibility:hidden}</style>')
</script>
我的想法是,如果启用了 JS,我不想显示我网站上的某些元素。例如,可能是表单提交按钮,因为如果启用了 JS,表单将改为使用 ajax 下拉列表。
我可以在页面加载后使用 JS 脚本以编程方式隐藏它们,但这会导致令人沮丧的闪烁等。
虽然我已经坚持了十年,但我想知道在更现代的时代是否有更好的方法来实现相同的最终目标?
谢谢
最佳答案
You should not use document.write
.相反,使用
var style = document.createElement('style');
style.textContent = '.jshide{display:none}, .jsshow{display:block}, .jsblank{visibility:hidden}';
document.querySelector('head').appendChild(style);
除此之外,您的方法非常好。
关于javascript - 有没有更好的方法来根据 JS 的存在来隐藏/显示元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51999505/