js 加载css 判断完成

const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'path/to/your/stylesheet.css';

link.onload = () => {
  console.log('CSS loaded successfully');
};

link.onerror = () => {
  console.error('Failed to load CSS');
};

document.head.appendChild(link);

const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'path/to/your/stylesheet.css';

link.onreadystatechange = function() {
  if (this.readyState === 'loaded' || this.readyState === 'complete') {
    console.log('CSS loaded');
    link.onreadystatechange = null;
  }
};

link.onload = () => {
  console.log('CSS loaded successfully');
};

link.onerror = () => {
  console.error('Failed to load CSS');
};

document.head.appendChild(link);

function checkStyleApplied(selector, property, value, callback) {
  const element = document.querySelector(selector);
  if (element && element.style[property] === value) {
    callback();
  } else {
    setTimeout(() => checkStyleApplied(selector, property, value, callback), 100);
  }
}

const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'path/to/your/stylesheet.css';

link.onload = () => {
  checkStyleApplied('.your-element', 'color', 'blue', () => {
    console.log('CSS applied and element style is correct');
  });
};

link.onerror = () => {
  console.error('Failed to load CSS');
};

document.head.appendChild(link);