O Browser Object Model (BOM) permite que o JavaScript "converse" com o navegador. O BOM nos permite operar o navegador por meio de js
Um conjunto de objetos é fornecido para nós na lista de materiais para concluir a operação do navegador.
Janela
Ele representa a janela de todo o navegador, e a janela também é um objeto global na página da web . Os atributos importantes são os seguintes
Todos os objetos globais JavaScript, funções e variáveis tornam-se automaticamente membros do objeto janela.
Variáveis globais são propriedades do objeto janela.
Funções globais são métodos do objeto de janela.
<script>
window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸
</script>
Navegador
Representa as informações do navegador atual. Este objeto pode ser usado para identificar diferentes navegadores . Os atributos importantes são os seguintes
<script>
txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";
txt+= "<p>浏览器名称: " + navigator.appName + "</p>";
txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";
txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";
txt+= "<p>硬件平台: " + navigator.platform + "</p>";
txt+= "<p>用户代理: " + navigator.userAgent + "</p>";
txt+= "<p>用户代理语言: " + navigator.systemLanguage + "</p>";
document.getElementById("example").innerHTML=txt;
</script>
Localização
Representa as informações da barra de endereço do navegador atual, você pode obter as informações da barra de endereço por meio de Localização ou operar o navegador para ir para a página
<script>
location.hostname //返回 web 主机的域名
location.pathname //返回当前页面的路径和文件名
location.port //返回 web 主机的端口 (80 或 443)
location.protocol //返回所使用的 web 协议(http: 或 https:
</script>
História
Representa a história do navegador, a história do navegador pode ser manipulada através deste objeto
Por motivos de privacidade, o objeto não pode obter registros de histórico específicos e só pode operar o navegador para avançar ou retroceder as páginas, e entrará em vigor após o navegador ser fechado
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<head>
<script>
function goBack()
{
window.history.back() //history.back() 方法加载历史列表中的前一个 URL。
}
function goForward()
{
window.history.forward() //history forward() 方法加载历史列表中的下一个 URL。
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()"> //向前
<input type="button" value="Forward" onclick="goForward()"> //向后
</body>
</html>
Tela
As informações que representam a tela do usuário, por meio das quais o objeto pode obter as informações relevantes do display do usuário. Os atributos importantes são os seguintes
<script>
document.write("可用宽度: " + screen.availWidth);
document.write("可用高度: " + screen.availHeight);
</script>
Se este blog for útil para você, lembre-se de deixar uma mensagem + curtir.