< p >JavaScript 是一種經典的腳本語言， 常用于網站的開發和優化。 在網站開發中，有時需要根據瀏覽器的不同來調整網站的樣式和布局，如何判斷IE瀏覽器的工具欄高度成了一大難題。下面將通過幾個實例來講解如何使用 JavaScript 判斷 IE 工具欄高度。< /p >< p >實例一：< /p >< pre >if (navigator.userAgent.indexOf('MSIE') !== -1 && navigator.userAgent.indexOf('Trident') === -1) { // IE 10 and below var height = document.documentElement.offsetHeight - document.body.offsetHeight; console.log('IE工具欄高度：' + height + 'px'); } else { console.log('非IE瀏覽器'); }< /pre >< p >在該實例中，通過判斷瀏覽器的 User-Agent 字符串，對IE 10及以下進行判斷，并通過 document 對象獲取文檔的高度，再減去 body 對象的高度，就可以得出 IE 工具欄的高度了。< /p >< p >實例二：< /p >< pre >var getIEToolbarHeight = function() { var win = window.top, el = win.document.documentElement, h, iebody; if (win.navigator.userAgent.indexOf('MSIE') !== -1 && win.navigator.userAgent.indexOf('Opera') === -1) { if (el && el.clientHeight) { h = el.clientHeight; } else { iebody = win.document.body; if (iebody && iebody.clientHeight) { h = iebody.clientHeight; } } h = h - 20; // 去掉最外層邊框的高度 } return h; }< /pre >< p >在該實例中，通過獲取頂層窗口的 document 和 clientHeight 屬性，以獲取IE瀏覽器的工具欄高度。對于其他瀏覽器，該方法返回的是 null，所以需要在方法體內加上為其他瀏覽器設置默認值的代碼邏輯。< /p >< p >實例三：< /p >< pre >var iframe = document.createElement('iframe'); iframe.style.visibility = 'hidden'; iframe.style.position = 'absolute'; iframe.style.width = '0'; iframe.style.height = '0'; iframe.src = 'about:blank'; document.body.appendChild(iframe); var ieToolbarHeight = iframe.contentWindow.document.documentElement.offsetHeight - iframe.contentWindow.document.body.offsetHeight; console.log('IE工具欄高度：' + ieToolbarHeight + 'px'); document.body.removeChild(iframe);< /pre >< p >在該實例中，通過創建一個iframe，先加入到文檔樹中，獲取 iframe 中 Document 對象的高度，減去 body 對象的高度，即可得到IE工具欄的高度。注意，操作完 iframe 之后，需要將其從文檔中移除，以免影響接下來的代碼。< /p >< p >上述這三個方法可以根據實際需求靈活使用，也可以結合起來使用。< /p >< p >總結：通過JavaScript 判斷IE瀏覽器的工具欄高度，可以讓我們更好的進行網站開發與優化。以上三個示例可以根據實際情況選擇其中一個或多個進行使用。< /p >