Javascript浏览器通知不起作用

Javascript browser notification not working

本文关键字：不起作用 通知 浏览器 Javascript      更新时间：2023-12-26

如果浏览器不是Chrome，我会尝试向用户显示通知。

我现在做的是

div用于显示浏览器是否不是chrome:

<div id="notify"> Please use chrome browser </div>

CSS:

#notify{
  display:none;
}

以及Javascript，如下所示：

<script>
var isChrome = !!window.chrome && !isOpera;
            if(isChrome==false)  //if the browser is not chrome
            {
                alert("Please Use chrome browser");   // this works
                document.getElementById('notify').show();  //this doesn't work
            }
</script>

脚本位于div标记上方
第二句话怎么了？

show不是Javascript的本机方法。如果您使用的是jQuery，正确的语法应该是

$('#notify').show()

如果你使用的是香草javascript，你应该使用：

document.getElementById('notify').style.display = 'block';

还要将script放在div标签下方。

请不要将Jquery的.show（）函数与JavaScript的选择器混淆。请阅读此以获得完整参考，Jquery ID选择器

相反，

document.getElementById('notify').show();

使用这个，

$('#notify').show();

尝试使用，

document.getElementById('notify').style.display='block';

而不是

document.getElementById('notify').show(); 

$("#notify").show()

而不是

document.getElementById('notify').show();

此处演示

如果您真的必须这样做，请更改文档的内容，而不仅仅是样式（在某些情况下会被忽略）。只有在对元素进行解析之后，才能操作该元素。示例：

<div id="notify"></div>
<script>
if(!window.chrome || isOpera) {
   document.getElementById('notify').innerHTML =
      'Please use the Chrome browser.';
}
</script>
相关文章：