js或者jQuery实现在ie9以下浏览器中自动出现升级提示

Posted 2023-05-18

类似于打开360浏览器时出现设置默认浏览器的那种页面头部的提示

参考技术A $(function () 
    if ($.cookie("ft") == "") 
        if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) 
            var obj = document.createElement("div");
            obj.setAttribute("id", "ietips");
            obj.style.position = "absolute";
            obj.style.display = "inline-block";
            obj.style.width = "100% ";
            obj.style.top = 0 + "px";
            obj.style.left = 0 + "px"
            $("body").append(obj);
            $("<span><span class='broswertips'>您的浏览器版本太低，请将浏览器升级，获得更好的浏览体验！点击下载！</span><span class='browser'><a href='http://download.firefox.com.cn/releases/webins3.0/official/zh-CN/Firefox-latest.exe'></a><a href='http://download.microsoft.com/download/1/6/1/16174D37-73C1-4F76-A305-902E9D32BAC9/IE8-WindowsXP-x86-CHS.exe'></a></span></span><a class='ietips-del'>&times</a>").appendTo(obj);
            $(".ietips-del").click(function () 
                $(this).parent().remove()
            )
        
        $.cookie('ft', 1, 
            expires: -1,
            path: '/'
        ); // 新建cookie
    
)

追问

不好意思哈 我想问一下啊 这个是所有ie9以下的浏览器都有提示吗？

追答

我这里是只判断了ie6.你可以在上面的if语句中加上其他浏览器的判断，比如$.browser.version == "6.0" || $.browser.version == "7.0" ... 等等

js实现隐藏网页中的某个元素

以下代码 ie可以完全实现隐藏，但是chrome浏览器就都不支持了。
function del(id)
var id=document.getElementById(id);
id.style.display="none";


请问如何在不使用其他组件的情况下解决兼容问题。

参考技术A $("#id").hide();
或者：
$("#id").css("display", "none");
需要先引入jquery
<script language="javascript" type="text/javascript" src="js/jquery-1.7.2.js"></script> 参考技术B 使用jquery吧 网上下载个jqery 的包
<script language="javascript" src="...common/js/jquery.js"></script>
function del(id)
$("#"+id).css("display","none");


这个我试过了chrome可以用 参考技术C

是隐藏哪些元素，行内还是块？

试一下这个怎么样

 function del(id) 
  var dom=document.getElementById(id); 
  dom.style.display="none";
  dom.style.height="0px";
  dom.style.width="0px";
   

本回答被提问者采纳 参考技术D 你贴的代码经目测 没有问题

应该是调用del函数的代码有问题，你没贴出来。。。