JavaScript常见宿主环境及其全局对象
-
浏览器环境
DOM 文档对象模型
document对象
文档对象代表网页。我们通过访问document对象来访问html页面中的元素
常用查找HTML元素的方法
通过id查找
document.getElementById(id);
通过标签名查找
document.getElementsByTagName(tagName);
通过类名查找
document.getElementsByClassName(className);
通过css选择器查找(不适用于IE8以及更低版本)
document.querySelectorAll("");
event对象
Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,函数不会在事件发生前被执行
另外DOM还有这些常见对象
- Anchor
- Area
- Base
- Body
- Button
- Canvas
- Event
- Form
- Frame
- Frameset
- IFrame
- Image
- Input Button
- Input Checkbox
- Input File
- Input Hidden
- Input Password
- Input Radio
- Input Reset
- Input Submit
- Input Text
- Link
- Meta
- Object
- Option
- Select
- Style
- Table
- TableCell
- TableRow
- Textarea
BOM 浏览器对象模型
window对象:
表示浏览器中打开的窗口
navigator对象
包含浏览器的信息
screen对象
包含有关客户端显示屏幕的信息
每个 Window 对象的 screen 属性都引用一个 Screen 对象。Screen 对象中存放着有关显示浏览器屏幕的信息。JavaScript 程序将利用这些信息来优化它们的输出,以达到用户的显示要求。例如,一个程序可以根据显示器的尺寸选择使用大图像还是使用小图像,它还可以根据显示器的颜色深度选择使用 16 位色还是使用 8 位色的图形。另外,JavaScript 程序还能根据有关屏幕尺寸的信息将新的浏览器窗口定位在屏幕中间。
history对象
包含用户访问过的url
history对象是window对象的一部分
属性:
history.length(); //返回浏览器历史列表中的url数量
方法:
histroy.back(); //相当于后退 history.forward(); //相当于前进 history.go(-2); //相当于后退两次
location对象
包含当前url的信息
location对象是window对象的一部分
非浏览器环境
node.js
mongoDB