Question

.js和.css等文件可以通过多种方式链接到HTML文档。我就是这样做的：

$('body').append('<link rel="stylesheet" type="text/css" href="{url}">');

或者您也可以将样式表插入到头部：

$('head').append('<link rel="stylesheet" type="text/css" href="{url}">');

我应该使用什么选择器将其添加到没有标题或正文元素的文档中：

<div>My page</div>.

旁注： 考虑到大多数现代浏览器都会将没有<head></head>或<body></body>的文档呈现为有效的HTML，我考虑过这一点。所以一些程序员忽略了这些标签。我正在编写一个解析Rich Text HTML邮件的Java程序。一些HTML网页设计者不会将这些元素放在他们的文档中。我必须考虑这个。

Answer 1

没有头部和身体元素的开始或结束标记的文档是有效的HTML。标签在规范中是显式可选的（并且自第一个HTML DTD发布以来就一直存在）。

元素仍然存在（它们是必需的，它只是不是的标记），并且可以通过DOM可靠地定位（这不是仅限于“现代浏览器”的功能）。

如果要将div附加到HTML文档的正文中，则只需定位正文。您不需要存在标记。

Answer 2

我只是在顶部为附加的脚本/样式创建一个元素，并在那里附加所有内容。

<div id="resources"></div>
<div class="container">
  <!-- Stuff here -->
</div>

和js

$('#resources').append('<script src="path/to/script" type="text/javascript"></script>');

我认为没有任何理由可以解决这个问题...最糟糕的情况，虽然草率，只需要<script>和<style>标签。

如何将.css和.js文件链接到HTML缺失和标记

2 个答案: