gpt4 book ai didi

JavaScript 或 CSS 无法在 Internet Explorer 上运行

转载 作者:太空宇宙 更新时间:2023-11-04 00:39:38 25 4
gpt4 key购买 nike

我有一个在 DIV 的点击之间切换的 JavaScript 代码,但它在 IE (v.11.4) 上不起作用,我似乎无法理解哪个部分不适合 IE..

下面是我的代码的简化版本。出于某种原因,它在 jsfiddle 上不起作用,但如果你将它复制到一个纯 html 文件中,它在 Chrome 和 Firefox 上运行良好,但在 IE 上运行不正常..

<!doctype html>
<html>
<head>
<title>Test</title>
<meta charset="UTF-8">
</head>
<body>
<style>
.holder>div {
display: none;
}

[dir=second]>.txt2,
[dir=first]>.txt1 {
display: block;
}

.holder_2>div {
display: none;
}

[dir=second_2]>.txt2_2,
[dir=first_2]>.txt1_2 {
display: block;
}
</style>
<div class="container1">
<button onclick="toggle('first')" class="clickme">Some text</button>
<button onclick="toggle('second')" class="clickme">Some other text</button>

<div class="holder">
<div class="txt1">
<h1>Some content here</h1>
</div>
<div class="txt2">
<h1>Some different content here</h1>
</div>
</div>
</div>

<div class="container2">
<button onclick="toggle_2('first_2')" class="clickme">Some text</button>
<button onclick="toggle_2('second_2')" class="clickme">Some other text</button>

<div class="holder_2">
<div class="txt1_2">
<h1>Some content here</h1>
</div>
<div class="txt2_2">
<h1>Some different content here</h1>
</div>
</div>
</div>

<script>
var holder = document.querySelector(".holder");

function toggle(val) {
holder.setAttribute('dir', val);
}

var holder_2 = document.querySelector(".holder_2");

function toggle_2(val) {
holder_2.setAttribute('dir', val);
}
</script>
</body>
</html>

问题有没有可能出在 CSS 中?所有这些都适用于 Chrome 和 Firefox。

最佳答案

通过在导入样式表时使用 type="text/css" 而不是 type="css/stylesheet" 解决。或者您可以只删除 type=...

此外,添加 DOCTYPE!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

建议使用 HTML5 或 HTML4 Strict(而非 Transitional)以获得最佳的跨浏览器支持。文档类型声明应该是 html 文件中的第一件事。它甚至在标签之前。

最后去这个网站验证你的网站并解决问题 https://validator.w3.org/

关于JavaScript 或 CSS 无法在 Internet Explorer 上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58592616/

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