jquery点击添加按钮在本页面弹出新窗口
时间: 2023-11-18 17:43:09 浏览: 55
你可以使用以下代码,在点击添加按钮时在本页面弹出新窗口:
```javascript
$('#add-button').click(function() {
window.open('https://www.example.com', '_blank');
});
```
其中,`#add-button` 是你添加按钮的选择器,`https://www.example.com` 是你要打开的网址。`_blank` 参数指示在新的窗口中打开链接。
相关问题
jquery弹出新窗口的属性
您可以使用 jQuery 的 `window.open()` 方法来弹出一个新窗口,并设置该窗口的属性。以下是一个示例代码:
```javascript
$(document).ready(function() {
$('#openWindowBtn').on('click', function() {
var url = 'https://www.example.com';
var windowName = 'exampleWindow';
var windowSize = 'width=800,height=600';
var windowPosition = 'left=100,top=100';
var windowFeatures = windowSize + ',' + windowPosition;
window.open(url, windowName, windowFeatures);
});
});
```
在这个示例中,我们使用了 `window.open()` 方法来弹出一个新窗口,并设置了该窗口的 URL、名称、大小和位置。其中,`url` 是弹出窗口的 URL,`windowName` 是弹出窗口的名称,`windowSize` 是弹出窗口的大小,`windowPosition` 是弹出窗口的位置,`windowFeatures` 是弹出窗口的属性,包括大小和位置。
您可以根据需要来设置 `windowSize` 和 `windowPosition` 的值,以满足您的需求。您还可以设置其他的属性,例如窗口的工具栏、菜单栏、状态栏、地址栏等,具体请参考 `window.open()` 方法的文档。
另外,需要注意的是,由于弹出窗口的行为容易被浏览器的广告拦截器阻止,因此您需要确保在用户单击按钮时,弹出窗口是由用户意愿触发的,而不是自动触发的。
jQuery 点击A页面按钮时会在弹出新的A页面隐藏老的A页面,点击新A页面取消按钮时展示老A页面,点击新A页面关闭按钮则关闭全部
可以使用 `window.open()` 方法打开新的窗口,并给该窗口指定一个名称(比如 "newA"),然后在点击 A 页面按钮时,先判断是否已经存在该名称的窗口,如果存在,则关闭该窗口,如果不存在,则打开该窗口。同时,将老的 A 页面隐藏。
当点击新 A 页面的取消按钮时,可以使用 `window.close()` 方法关闭该窗口,并将老的 A 页面展示出来。
当点击新 A 页面的关闭按钮时,可以使用 `window.opener` 属性获取到老的 A 页面的窗口对象,然后再使用 `window.close()` 方法关闭该窗口,这样就可以关闭全部窗口。
示例代码如下:
HTML:
```
<button id="btn">点击打开 A 页面</button>
<div id="oldA">老的 A 页面</div>
```
JavaScript:
```
let newA = null; // 用于保存新的 A 页面窗口对象
document.getElementById('btn').addEventListener('click', function() {
if (newA && !newA.closed) {
newA.close();
document.getElementById('oldA').style.display = 'block'; // 显示老的 A 页面
} else {
newA = window.open('A.html', 'newA');
document.getElementById('oldA').style.display = 'none'; // 隐藏老的 A 页面
}
});
// 在新的 A 页面中添加取消按钮的点击事件
document.getElementById('cancelBtn').addEventListener('click', function() {
newA.close();
document.getElementById('oldA').style.display = 'block'; // 显示老的 A 页面
});
// 在新的 A 页面中添加关闭按钮的点击事件
document.getElementById('closeBtn').addEventListener('click', function() {
window.opener.close();
window.close();
});
```