2012-08-14 104 views
8

如何使用javascript查看已加載頁面的頁面標題。使用javascript訪問當前頁面的頁面標題[no ajax]

有什麼事,我可以執行

e.g. window.pageHeaders['session'] 

注:我不是在談論一個Ajax頁面加載。

+1

你是在談論header-tag的內容頭或者javascript表示,還是頭標籤包含什麼? – fredrik 2012-08-14 10:52:30

+0

您可以通過[服務人員](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API)執行此操作,但[支持不良](http://caniuse.com /#feat = serviceworkers)。 – 2016-04-21 01:24:00

回答

3

看看這個jsfiddle

從這個鏈接question

Raja的這個答案將獲得當前頁面的頁面標題。

var req = new XMLHttpRequest(); 
req.open('GET', document.location, false); 
req.send(null); 
var headers = req.getAllResponseHeaders().toLowerCase(); 
alert(headers); 
+0

這有效,但這是什麼,它使一個額外的Ajax調用。我怎樣才能得到HTTP頭沒有額外的Ajax調用? – 2012-08-14 11:39:54

+0

@PrakashRaman你使用任何服務器端語言?您可以將標題設置爲一個JavaScript變量。 – Undefined 2012-08-14 12:24:47

+0

這就是我現在正在做的,這是我的最後一招。希望有另一種方式。順便說一句我正在使用PHP – 2012-08-14 13:31:55

0

你在做這樣的事嗎?請向我們展示示例實現。

<!--Save Headers--> 
    <?php $currentHeaders = json_encode(getallheaders()); ?> 

    <!--Create Output Container--> 
    <div id="output"></div> 

    <!--Show Headers--> 
    <button onclick="showheaders()">show headers</button> 

    <!--Javascript Ugliness--> 
    <script> 
     function showheaders(){ 
     var headers = <?php echo $currentHeaders; ?>; 

     // Collect your goodies here eg: var goodies = headers['proxy-authenticate']; 
     console.log("Headers", headers); 

     // See the output on screen? 
     var output = document.getElementById('output'); 
      output.innerHTML = JSON.stringify(headers); 
     } 
    </script>