我可以通過jQuery/JavaScript通過頁面正文中的任何標記更改我的頁面標題嗎?使用JQuery/JavaScript更改頁面標題?
回答
試試這個,
$(document).ready(function() {
document.title = $('#elementId').text();
});
如果加載頁面,你可能有一個「頁面加載成功」功能的地方。
那裏只是添加
document.title = $('#elementId').text();
的建議。
所以,如果你正在使用JQuery load()函數:
$("#content").load(url,data, successFunction);
function successFunction(someResponseText, someTextStatus, anXMLHttpRequest) {
document.title = $('#elementId').text();
...
}
它提供您加載子頁面有<div id="elementId">My Great Title</div>
。
我有一個span標籤........它會工作嗎? – SuperSonic
是的,只要它有一個正確的ID。 '我的偉大標題' – FrancescoMM
@SuperSonic重要的是你必須在子頁面加載完成後做到這一點,所以成功功能是一個好地方。 – FrancescoMM
如果你覺得喜歡用javascript來做,這是一種方法。
首先,在你的HTML,你應該有一個可以調用你的函數,在本例中,標籤,body標籤有一個onload功能
<body onload="titleChange()">
這裏是JavaScript的;
function titleChange(){
document.title = "Your new title.";
}
- 1. 用js更改頁面標題
- 2. 使用Javascript從h1標籤動態更改頁面標題
- 3. 購物車頁面標題更改Magento
- 4. 更改特定頁面的標題?
- 5. 更改頁面標題,而「in_category」
- 6. 我想更改頁面標題位置
- 7. 更改頁面的內容標題
- 8. liferay動態更改頁面標題
- 9. 爲每個頁面更改節標題
- 10. Drupal8更改頁面標題輸出
- 11. Drupal的8 - 鉤更改頁面標題
- 12. 如何更改頁面標題而不更改標籤欄項目的標題?
- 13. 使用angularjs路由更改頁面的標題
- 14. 在PHP中使用javascript更改頁面標題'if'
- 15. 使用jstl和javascript加載頁面時更改文檔標題
- 16. 使用Angular 2路由器服務更改頁面標題
- 17. 使用@RenderPage時頁面標題未更改
- 18. 使用Angular 2新路由器更改頁面標題
- 19. 如何使用$ routeProvider更改Angular中的頁面標題
- 20. RnR:Spree在靜態頁面上更改頁面標題
- 21. 如何在點擊標籤頁時更改頁面標題?
- 22. 更改頁面標題不適用於Facebook中繼標記
- 23. turn.js:在使用鼠標更改頁面時更改URL
- 24. 無法更改Woocommerce上archive-product.php的頁面標題標題
- 25. jQuery Mobile 1.4.0:動態更改頁面的標題和標題
- 26. jQuery將標題更改爲活動頁面中的h1標題
- 27. 根據分部標題更改頁面標題
- 28. 使用window.location更改頁面
- 29. 更改Facebook頁面標籤
- 30. 更改HTML頁面圖標?
什麼是母子頁面概念?你有什麼不能使用? – FrancescoMM
我有一個完整的頁眉和頁腳的母版頁,但它的內容只是通過調用另一個文件中的div id而改變............. itls像asp.net中的佔位符 – SuperSonic