gpt4 book ai didi

javascript - 如何使用 jQuery 在 IE 中附加样式表?

转载 作者:技术小花猫 更新时间:2023-10-29 12:29:38 24 4
gpt4 key购买 nike

大家好,

我只是想创建一个插件,我需要它对用户友好,所以我想 append <link/> head 上的标签加载我的插件时用户页面的一部分。它适用于所有其他浏览器(不确定 IE9、IE7 和 IE6)但不适用于 IE8!我不知道我的插件出了什么问题,所以我只是创建了一个示例页面并遇到了类似的问题!这是我的测试页面 HTML+jQuery 代码 ------

<html>
<head>
<script src="../jquery-1.6.min.js"></script>
<script>
$(document).ready(function () {
$(document.head).append('<link rel="stylesheet" type="text/css" href="style.css" />');
});
</script>
</head>
<body>
<h1>Text!</h1>
</body>
</html>

这是我的 CSS 代码 -----

body {
background:#ddd;
}
h1 {
color: #789;
}

那么谁能告诉我我哪里出错了,或者这是一生的问题吗?

提前致谢


在看到第一条评论并转到提供的链接后,我刚刚创建了这个示例代码并发现了一些惊人的东西!看到这个~~~

<html>
<head>
<script src="../jquery-1.6.min.js"></script>
<script>
$(document).ready(function () {
if (document.getElementsByTagName('head')[0] === document.head) {
$("head").append('<link rel="stylesheet" type="text/css" href="style.css" />');
}else {
alert('This doesn\'t supports head appending!');
}
});
</script>
</head>
<body>
<h1>Text!</h1>
</body>
</html>

在使用我的 IE8 浏览器执行此页面时,我收到消息

This doesn't supports head appending!

嗯,我不知道我的浏览器有什么问题,或者这是 IE8 的问题?


最佳答案

if (document.createStyleSheet)
{
document.createStyleSheet("style.css");
}
else
{
$("head")
.append('<link rel="stylesheet" type="text/css" href="style.css" />');
}

关于javascript - 如何使用 jQuery 在 IE 中附加样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6079702/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com