如何從小孩更改文檔標題？

Parent.html

<html> 
<head> 
<title>Component Documentation</title> 
</head> 
<frame src="html\child.html" name="child"> 
</html>

Child.html

<select name="componentselect" size="24">

當單擊該選擇框，我需要家長的標題改變。基本上，我希望瀏覽器顯示在「componentselect」中選擇的項目以顯示在標題欄中。在Child.html中設置document.title不起作用。

來源

2011-11-04 user1026110

你可能不應該使用幀。他們已被棄用。 –

使用：'top.document.title =「我想要的標題」' –

感謝您的所有提示！ – user1026110

嘗試

function onSelectChange() { 
    top.document.title = this.options[this.selectedIndex].text; 
}

HTML

<select name="componentselect" onchange="onSelectChange()" size="24">

來源

2011-11-04 17:08:16

能做到這一點 JavaScript函數：

<script> 

    function changeSelect() 
    { 
     parent.document.title = this.options[this.selectedIndex]; 
    } 
</script>

和HTML：

<select name="componentselect" onchange="changeSelect()" size="24">

嘗試家長或頂部，不記得至極使用

來源

2011-11-04 17:06:33 GregM

您可以通過使用top.或parent.前綴做到這一點。它就像你的window.前綴。 parent.將指向父母的window對象。 top.將指向主要網站（在使用多層框架的情況下）。但在某些瀏覽器中，由於缺乏安全性，此功能被禁用或受限。

那麼這將工作：

parent.document.title = "I came from outerspace!";

來源

2011-11-04 17:08:56 buschtoens

我推薦一個jQuery的解決方案，但不會從框架的工作，你可能要考慮使用的div，有幾乎總是使用框架的選擇（它可能只需要更多的代碼）。無論如何，這是腳本，可以肯定地工作在一個自包含的html：

<script> 
$(document).ready(function($){ 
    $('#componentselect').click(function() { 
    $(document).attr(’title’, $('#componentselect').val()); 
    }); 
} 
</script>

來源

2011-11-04 17:09:39 Jerome

爲了使用它，您需要將id屬性設置爲與name屬性相同。 – Jerome

如何從小孩更改文檔標題？

回答

相關問題