我正在爲我父親的駕駛學校重寫網站，將不必要的iframe和圖像更改爲html5和css3標記，並通過javascript和jquery改進了功能。從jquery/javascript下載卸載文檔加載html頭文件
現在，我爲每個菜單項（對於搜索爬蟲）都有一個完整的頁面，而頁眉和菜單大部分保持不變。這就是爲什麼我想要使用歷史api，並改變內容和文檔標題和描述，當一個鏈接被點擊在啓用了JavaScript的設備上時，所以不必進行整頁刷新。
什麼工作： - 讓目標頁面的＃內容股利和它加載到當前頁面 - 使用歷史API展現出新的URL和popstate事件返回到以前的狀態 - 修改內容從當前文檔
html的頭什麼行不通的： - 從目標文件獲得HTML頭
應該有這樣一個簡單的功能，對不對？或者一個很好的方法來做到這一點？
既然它是在同一個原點，你可以做到這一點。這有點尷尬，儘管它與jQuery在幕後使用其ajax load（我預計jQuery使用文檔片段而不是iframe）不在一百萬英里之外。
基本上，你可以創建一個關閉頁iframe，內容頁面加載到那裏，然後提取任何你從它的需要，這樣的事情（完全未經優化的）：
// I'm assuming you have a variable containing the content URL; I'll use `page`
var page = "/ocazuc/2";
// Create the iframe, put it off-page, and put it in the DOM
var iframe = $('<iframe>');
iframe.css({
position: "absolute",
left: -10000
}).appendTo(document.body);
// Hook the load event on it
iframe.load(function() {
// Get the document
var $doc = $(iframe[0].contentDocument.documentElement);
// Steal its content
$doc.find("body").contents().appendTo(document.body);
// And use its title or whatever else you want from the `head`
document.title = $doc.find('title').text();
// Done with it
iframe.remove();
});
// Start loading it
iframe[0].src = page;
在接受的答案下查看我的意見。基本上，使用這種方法有一些性能問題，這使我尋找更好的方法。爲此，我調整了麻省理工學院許可和書面咖啡腳本的rails turbolinks項目中找到的方法。值得信賴的是他們解決一些瀏覽器兼容性問題。
https://github.com/rails/turbolinks
/*
* A function that takes a string of HTML and returns a document object.
*/
var parseDocument = (function() {
function createDocumentUsingParser(html) {
return (new DOMParser()).parseFromString(html, 'text/html');
}
function createDocumentUsingDOM(html) {
var doc = document.implementation.createHTMLDocument('');
doc.documentElement.innerHTML = html;
return doc;
}
function createDocumentUsingWrite(html) {
var doc = document.implementation.createHTMLDocument('');
doc.open('replace');
doc.write(html);
doc.close();
return doc;
}
/*
* Use createDocumentUsingParser if DOMParser is defined and natively
* supports 'text/html' parsing (Firefox 12+, IE 10)
*
* Use createDocumentUsingDOM if createDocumentUsingParser throws an exception
* due to unsupported type 'text/html' (Firefox < 12, Opera)
*
* Use createDocumentUsingWrite if:
* - DOMParser isn't defined
* - createDocumentUsingParser returns null due to unsupported type 'text/html' (Chrome, Safari)
* - createDocumentUsingDOM doesn't create a valid HTML document (safeguarding against potential edge cases)
*/
var parser;
if (window.DOMParser) {
try {
var testDoc = createDocumentUsingParser('<html><body><p>test');
if (testDoc && testDoc.body && testDoc.body.childNodes.length === 1) {
parser = createDocumentUsingParser;
}
} catch(ex) {
parser = createDocumentUsingDOM;
}
}
if (!parser) {
parser = createDocumentUsingWrite;
}
return parser;
})();
那麼想必例如，你可以這樣做：
var doc = parseDocument(wadOfHtml);
var title = doc.title;
var $content = $(doc).find('#content');
被警告，我沒有驗證爲自己的代碼是否正確，我要脫鐵軌項目的信譽。我還沒有驗證我的咖啡改編是否沒有引入語法或其他錯誤。我從字面上甚至還沒有運行它;我只是樂觀。
當您使用jQuery將它解析爲html時，內容中省略了諸如'
'，''和''等標記。我建議改爲定位特定標籤，或者先將其解析爲字符串，以便僅獲取'' – 2013-03-12 14:53:09之間的內容代碼，代碼，爲什麼代碼？ – 2013-03-12 14:53:09
你需要從'