用新的meta标签覆盖meta标签

时间:2018-12-10 23:09:53

标签: javascript jquery

我正在asp页面上工作,我想用“ meta http-equiv =“ X-UA-Compatible”覆盖“ meta http-equiv =“ X-UA-Compatible” content =“ IE = 8”“使用JavaScript的页面之一中的“ content =“ IE = 10”“。可能吗?我尝试了以下方法,但均未成功。

    window.onload = function(e){ 
    $('meta[http-equiv="X-UA-Compatible"]').remove();
    $('head').append('<meta http-equiv="X-UA-Compatible" content="IE=10">')
}

3 个答案:

答案 0 :(得分:0)

有可能,但您需要致电.remove()(错过了()

尽管我不确定您希望完成什么工作(如果您想使IE表现不同)

答案 1 :(得分:0)

尝试一下:

jQuery

if (window.location.pathname === 'myPage') { // URL is example.com/myPage
    $('meta[http-equiv="X-UA-Compatible"]').replaceWith('<meta http-equiv="X-UA-Compatible" content="IE=10">'); 
}

香草JS

if (window.location.pathname === 'myPage') { // URL is example.com/myPage
    document.querySelector('meta[http-equiv="X-UA-Compatible"]').outerHTML = '<meta http-equiv="X-UA-Compatible" content="IE=10">';
}

答案 2 :(得分:0)

将答案放入$(document).ready()。由于您使用的是jQuery,因此可以:

$(function() {
    $('meta[http-equiv="X-UA-Compatible"]').remove();
    $('head').append('<meta http-equiv="X-UA-Compatible" content="IE=10">');
});

这里很好地说明了window.onload$(document).ready()之间的区别: window.onload vs $(document).ready()