js中BOM当前窗口打开新页面的方式
时间: 2023-09-24 08:14:23 浏览: 44
可以使用以下两种方式:
1. 使用window.open() 方法打开新页面,该方法可以接受三个参数,分别是要打开的网页地址、窗口打开方式(可选,默认是"_blank",表示在新窗口中打开)、窗口属性(可选)。
例如:
```
window.open('http://www.baidu.com', '_blank');
```
2. 使用location.href 或 location.assign() 方法跳转到新页面,这两个方法的作用是相同的,都是将当前窗口的URL地址改为指定的网页地址。
例如:
```
location.href = 'http://www.baidu.com';
```
或
```
location.assign('http://www.baidu.com');
```
相关问题
通过dom与bom和js交互,实现网页动态化实验
网页动态化主要是通过JavaScript与DOM(文档对象模型)和BOM(浏览器对象模型)交互来实现的。DOM提供了一种访问和操作HTML元素的标准方式,而BOM提供了一种访问和操作浏览器窗口的标准方式。
在JavaScript中,可以使用document对象来操作DOM元素,例如:
```javascript
// 获取元素
var element = document.getElementById('myElement');
// 改变元素内容
element.innerHTML = 'Hello, world!';
// 添加新元素
var newElement = document.createElement('div');
newElement.innerHTML = 'This is a new element!';
document.body.appendChild(newElement);
```
同时,JavaScript还可以通过BOM提供的window对象来访问和操作浏览器窗口,例如:
```javascript
// 弹出对话框
window.alert('Hello, world!');
// 改变窗口位置
window.moveTo(0, 0);
// 改变窗口大小
window.resizeTo(800, 600);
```
通过这些方法,可以实现网页动态化,例如实现交互式表单、动态添加/删除元素、定时刷新页面等功能。
bom dom对比举例
BOM和DOM是两个不同的概念,它们分别代表浏览器对象模型和文档对象模型。BOM主要涉及浏览器窗口和浏览器的相关属性和方法,而DOM则涉及网页文档的结构和内容。
举个例子来对比BOM和DOM,假设我们要获取浏览器窗口的尺寸信息。在BOM中,我们可以使用window对象来获取窗口的尺寸信息,比如使用window.innerHeight和window.innerWidth来获取窗口的内部高度和宽度。而在DOM中,我们可以通过操作文档对象来获取网页元素的尺寸信息,比如使用document.documentElement.clientHeight和document.documentElement.clientWidth来获取文档元素的可见高度和宽度。
下面是一个示例代码,展示了如何使用BOM和DOM来获取窗口尺寸信息:
```javascript
// 使用BOM获取窗口尺寸信息
console.log(window.innerHeight); // 获取窗口的内部高度
console.log(window.innerWidth); // 获取窗口的内部宽度
console.log(window.outerHeight); // 获取窗口的外部高度(包括浏览器工具栏等)
console.log(window.outerWidth); // 获取窗口的外部宽度(包括浏览器工具栏等)
// 使用DOM获取文档元素尺寸信息
console.log(document.documentElement.clientHeight); // 获取文档元素的可见高度
console.log(document.documentElement.clientWidth); // 获取文档元素的可见宽度
```
通过以上代码,我们可以看到使用BOM的window对象和DOM的document对象来获取窗口和文档的尺寸信息的区别。