1. document 对象
document 对象代表整个HTML文档,它提供了许多方法和属性,允许你操作文档的内容和结构。
// 修改页面标题
document.title = "新标题";
// 获取元素并修改其内容
var header = document.getElementById("header");
header.innerHTML = "Hello, World!";
2. window 对象
window 对象代表浏览器窗口,它包含了浏览器的各种属性和方法。
// 弹出对话框
window.alert("这是一个警告!");
// 打开新窗口
window.open("https://www.example.com", "_blank");
// 获取窗口尺寸
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
3. 事件对象
浏览器中发生的事件(例如点击、键盘输入)会生成事件对象,你可以使用事件对象来获取有关事件的信息。
// 监听点击事件
document.getElementById("myButton").addEventListener("click", function(event) {
console.log("按钮被点击了!");
console.log("鼠标坐标:", event.clientX, event.clientY);
});
4. navigator 对象
navigator 对象包含有关浏览器的信息,如浏览器名称、版本和用户代理。
// 获取浏览器信息
var browserName = navigator.appName;
var browserVersion = navigator.appVersion;
console.log("浏览器:" + browserName + " 版本:" + browserVersion);
这些都是一些常见的浏览器对象及其使用方式。在浏览器环境中,JavaScript可以与用户交互,动态地改变页面内容,监听用户输入等。
转载请注明出处:http://www.pingtaimeng.com/article/detail/3579/JavaScript