判断目标是否是window,document,和拥有tagName的Element的代码

判断目标是否是 Window, Document 和拥有 tagName 的 Element 是前端开发中一种常见的操作，以下是该操作的完整攻略：

1. 判断目标是否是 Window 对象

判断一个对象是否是 Window 对象，可以通过将该对象与全局的 window 对象进行比较，相关代码如下：

function isWindow(obj) {
  return obj != null && obj === obj.window;
}

这段代码首先判断传入的对象是否为 null 或 undefined，如果是，则返回 false。否则，判断该对象是否等于其本身的 window 属性，如果是，则表明该对象是一个 Window 对象，返回 true。下面是一个示例：

const myWindow = window;
const myObj = {};

console.log(isWindow(myWindow)); // true
console.log(isWindow(myObj)); // false

2. 判断目标是否是 Document 对象

判断一个对象是否是 Document 对象，可以通过将该对象与全局的 document 对象进行比较，相关代码如下：

function isDocument(obj) {
  return obj != null && obj.nodeType === obj.DOCUMENT_NODE;
}

这段代码首先判断传入的对象是否为 null 或 undefined，如果是，则返回 false。否则，判断该对象的 nodeType 属性是否等于 Document 节点的 nodeType 值（9），如果是，则表明该对象是一个 Document 对象，返回 true。下面是一个示例：

const myDoc = document;
const myObj = {};

console.log(isDocument(myDoc)); // true
console.log(isDocument(myObj)); // false

3. 判断目标是否是拥有 tagName 的 Element 对象

判断一个对象是否是拥有 tagName 属性的 Element 对象，可以通过检查该对象的 nodeType 和 tagName 是否存在，相关代码如下：

function isElement(obj) {
  return obj != null && obj.nodeType === 1 && typeof obj.tagName === 'string';
}

这段代码首先判断传入的对象是否为 null 或 undefined，如果是，则返回 false。否则，判断该对象的 nodeType 属性是否等于 Element 节点的 nodeType 值（1），并且判断该对象的 tagName 属性是否存在（是字符串类型），如果是，则表明该对象是一个拥有 tagName 的 Element 对象，返回 true。下面是一个示例：

const myElement = document.createElement('div');
const myObj = {};

console.log(isElement(myElement)); // true
console.log(isElement(myObj)); // false

以上就是判断目标是否是 Window, Document 和拥有 tagName 的 Element 的代码的完整攻略，希望对您有所帮助。