我尝试用外部JS文件动态创建html元素。但是Firefox告诉我有一些mime类型冲突。我使用type=("text/javascript")，因为它是一个JS文件。我尝试了各种不同的类型，从"text/html"应用程序/javascript">
提前感谢!
我的html文件:<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vortrags Wizard</title>
<script type="text/javascript"src="./sectionCreator.js" ></script>
</head>
<body>
<div class=container>
<div class="header"> <h1>Vortrags Wizard!</h1></div>
<div id= "areaID" class="questionArea"></div>
<div class="commitArea"></div>
<div class="footer"></div>
</div>
</div>
</body>
</html>
My JS file:
function createSection(className,content){
var section = document.createElement("section");
section.classList.add(className);
section.innerHTML = content;
return section;
}
window.onload = function(){
var area = document.getElementById("areaID");
area.appendChild(createSection("testClass","testContent"));
}```
Error Message:(German)
>Die Ressource von "http://127.0.0.1:5501/sectionCreator.js" wurde wegen eines MIME-Typ-Konfliktes ("text/html") blockiert (X-Content-Type-Options: nosniff).
My Translation:
The Ressource was blocked due to an MIME-Type-Conflict ("text/html")
如果您使用的是服务器，请检查'./sectionCreator.js'上的第一个'点'是否可能将请求发送到错误的路由或目录，并确保只有当js文件通过应用程序代码动态加载时，响应才具有'Content-Type: text/javascript'头。