子类弹窗获取父类窗口的属性 jquery'
时间: 2023-11-18 15:12:15 浏览: 98
JS与jQuery实现子窗口获取父窗口元素值的方法
在 jQuery 中,可以使用以下方法来获取父类窗口的属性:
1. 在子类弹窗中使用父类窗口的选择器来获取属性,例如:
```
class Parent {
constructor() {
this.attribute = "父类属性";
this.child_window = new Child();
}
}
class Child {
constructor() {
this.get_attribute();
}
get_attribute() {
let attribute = $(window.parent.document).find("#parent_window_id").data("attribute");
console.log(attribute);
}
}
```
在这个例子中,子类弹窗 Child 在初始化时调用 get_attribute 方法,该方法使用父类窗口的选择器 $(window.parent.document).find("#parent_window_id") 来获取父类窗口的某个元素,然后使用 jQuery 的 data 方法来获取该元素的 data 属性,从而获得父类窗口的属性值。
2. 在父类窗口中将属性值保存在 cookie 中,子类弹窗中读取 cookie 来获取属性值,例如:
```
class Parent {
constructor() {
this.attribute = "父类属性";
document.cookie = "attribute=" + this.attribute;
this.child_window = new Child();
}
}
class Child {
constructor() {
this.get_attribute();
}
get_attribute() {
let attribute = document.cookie.replace(/(?:(?:^|.*;\s*)attribute\s*\=\s*([^;]*).*$)|^.*$/, "$1");
console.log(attribute);
}
}
```
在这个例子中,父类窗口在初始化时把属性值保存在 cookie 中,子类弹窗在初始化时调用 get_attribute 方法,该方法使用 JavaScript 的 document.cookie 属性来获取 cookie,然后使用正则表达式来从 cookie 字符串中提取属性值,从而获得父类窗口的属性值。
阅读全文