检测 CSS 中的 JavaScript 支持

// 检测CSS中的JavaScript支持
function detectCSSJavaScriptSupport() {
  const testElement = document.createElement('div');
  const testValue = 'url("java" + "script:void(0)");';
 
  testElement.style.cssText = 'background-image:' + testValue;
 
  try {
    // 如果CSS属性不为空，则支持CSS中的JavaScript
    return testElement.style.backgroundImage.length !== 0;
  } catch (e) {
    // 如果抛出异常，则不支持CSS中的JavaScript
    return false;
  }
}
 
// 使用示例
if (detectCSSJavaScriptSupport()) {
  console.log('CSS中的JavaScript支持被检测到！');
} else {
  console.log('CSS中的JavaScript不被支持。');
}

这段代码定义了一个函数detectCSSJavaScriptSupport，它通过尝试在元素的style属性中设置一个包含JavaScript URL的背景图像来检测当前环境是否支持CSS中的JavaScript。如果设置成功且属性不为空，则说明支持；如果抛出异常，则说明不支持。最后，给出了如何使用这个函数的例子。