可能有更简单的方法可以做到这一点，但我正在尝试一些新的方法。
基本要点是，我希望在我的静态网站上每个页面的每个头有一个 JS 和一个 jQuery 附件。我希望能够将元素附加到 body ，但头部也是如此。我的文件是:
主页.html
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="eco.js"></script>
</head>
生态.js
window.addEventListener("load", function() {
var ajax = new XMLHttpRequest();
ajax.onload = postdata;
ajax.open("GET", ADDRESS, true);
ajax.send();
} );
function postdata() {
var xml = jQuery.parseXML(this.responseText);
$("head").append(xml.querySelector("head").childNodes);
}
和 common.xml
<head>
<link href='eco.css' type='text/css' rel='stylesheet' />
<link href='home.css' type='text/css' rel='stylesheet' />
</head>
但是，这不起作用(成功请求并检索了 common.xml)。 Chrome 开发工具显示 xml 节点也已成功附加到头部。然而该页面并未反射(reflect)更改，特别是未合并 css。但是，如果我改变
var xml = jQuery.parseXML(this.responseText);
$("head").append(xml.querySelector("head").childNodes);
到
$("head").append(this.responseText);
(并修复 common.xml 以删除不需要的标签)然后页面反射(reflect)更改。谁能解释一下这是怎么回事？
谢谢!
最佳答案
jQuery.parseXML() 返回一个 XMLDocument 对象，它表示一个与 HTML DOM 不兼容的通用 XML DOM。
在将 XML 文件解析为 XML 后追加子节点时，最终插入的是 XML 元素，而不是 HTML 元素。由于 HTML 处理器只理解 HTML link 元素，当它们来自 XML DOM 时它无法识别它们——它们变成未知元素，并且没有它们的预期含义。
当您直接附加响应标记时，该标记被解释为 HTML，因为您是在页面中直接使用 HTML DOM。这允许您的 link 元素按预期工作，引用外部样式表以用于您的页面。
以下示例使用非 head 元素演示了 b 元素在您的问题中使用相同方法在 HTML 和 XML 之间有何不同。在 HTML 中，它表示 text that is meant to stand out from a paragraph , 以及关联的默认样式。在纯 XML 中，它只是一个任意元素，没有默认样式。在 Firefox 和 IE 中，每个 b 元素也正确响应命名空间的 CSS 选择器(请注意，即使是 HTML 元素，它们也使用 XHTML 命名空间)，尽管 IE 根本不插入 XML 元素，而是抛出WrongDocumentError。包含的 CSS 在 Chrome 中也不能很好地工作 — 大概是因为与 IE 一样，尝试将 HTML 和 XML 放在一起并不是最明智的做法。
$(function() {
var html = '<b>HTML b element</b>';
var xml = '<root><b>XML b element</b></root>';
$('p.html').append(html);
var xmlDoc = jQuery.parseXML(xml);
$('p.xml').append(xmlDoc.querySelector(':root').childNodes);
});@namespace 'http://www.w3.org/1999/xhtml';
b::before {
content: 'Default namespace ';
}
|b::before {
content: 'Non-namespaced ';
}
/* Any or no namespace */
*|b {
color: blue;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<p class="html"></p>
<p class="xml"></p>
有趣的是，如果您使用 xml.querySelector("head").innerHTML 而不是 xml.querySelector("head").childNodes，它似乎工作，尽管 Element 对象不是 HTMLElement(即 xml.querySelector("head") instanceof HTMLElement 返回 false)。根据this new answer by Louis ，在最新版本的 Firefox 和 Chrome 中 innerHTML 表示 XML 元素节点内容的 XML 序列化，这解释了这种行为。但是，不应依赖 innerHTML 的这种特殊怪癖，因为它不跨浏览器兼容。
最终，最好的选择是首先不要将文档解析为 XML；通过直接附加 responseText 将其视为常规 HTML 片段，因为 jQuery 能够处理 HTML 片段。
关于javascript - 使用 Javascript 附加 <head> 元素适用于 .innerHTML，但不适用于 XML 子节点，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30181523/
大约一年前，我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞，我可以在一个地方轻松完成，而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje
我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据，就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理？我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题；这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML，但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中，将我的XML代码修改为
关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗？通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion在首页我有:汽车:VolvoSaabMercedesAudistatic_pages_spec.rb中的测试代码:it"shouldhavetherightselect"dovisithome_pathit{shouldhave_select('cars',:options=>['volvo','saab','mercedes','audi'])}end响应是rspec./spec/request
我已经在Sinatra上创建了应用程序，它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择，是开发还是生产，一些方法的逻辑应该改变，这取决于部署类型。是否有任何想法，如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现？ 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm
我使用Nokogiri(Rubygem)css搜索寻找某些在我的html里面。看起来Nokogiri的css搜索不喜欢正则表达式。我想切换到Nokogiri的xpath搜索，因为这似乎支持搜索字符串中的正则表达式。如何在xpath搜索中实现下面提到的(伪)css搜索？require'rubygems'require'nokogiri'value=Nokogiri::HTML.parse(ABBlaCD3"HTML_END#my_blockisgivenmy_bl="1"#my_eqcorrespondstothisregexmy_eq="\/[0-9]+\/"#FIXMEThefoll
当我使用has_one时，它工作得很好，但在has_many上却不行。在这里您可以看到object_id不同，因为它运行了另一个SQL来再次获取它。ruby-1.9.2-p290:001>e=Employee.create(name:'rafael',active:false)ruby-1.9.2-p290:002>b=Badge.create(number:1,employee:e)ruby-1.9.2-p290:003>a=Address.create(street:"123MarketSt",city:"SanDiego",employee:e)ruby-1.9.2-p290
我在一个我想在formtasticGem中覆盖的方法中找到了这个。该方法如下所示:defto_htmlinput_wrappingdohidden_field_html是什么意思？在第三行做什么？我知道它对数组有什么作用，但在这里我不知道。 最佳答案 你可以这样读:hidden_field_htmllabel_with_nested_checkbox是连接到hidden_field_html末尾的参数-为了“清晰”，他们将其分成两行 关于ruby-on-rails-没有参数的`
我已经看到了一些其他的问题，尝试了他们的建议，但没有一个对我有用。我已经使用Rails大约一年了，刚刚开始一个新的Rails项目，突然遇到了问题。我卸载并尝试重新安装所有Ruby和Rails。Ruby很好，但Rails不行。当我输入railss时，我得到了can'tfindgemrailties。我当前的Ruby版本是ruby2.2.2p95(2015-04-13修订版50295)[x86_64-darwin15]，尽管我一直在尝试通过rbenv设置ruby2.3.0。如果我尝试rails-v查看我正在运行的版本，我会得到同样的错误。我使用的是MacOSXElCapitan版本10
我正在使用带有Rails的Devise，我想添加一个方法“getAllComments”，所以我这样写:classUser在我的Controller中:defdashboard@user=current_user@comments=@user.getAllComments();end当我访问我的url时，我得到了undefinedmethod`getAllComments'for#我做错了什么？谢谢 最佳答案 因为getAllComments是一个类方法，而您正试图将其作为实例方法访问。您要么需要访问它:User.getAllCom
我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的