如何用JS脚本在页面加载以及动态加载中只要一出现font-family属性就在该属性值前添加SL-Simplified字体

以下是一个简单的实现方法：

// 在页面加载完成时
window.onload = function() {
  // 获取所有的元素
  var elements = document.getElementsByTagName("*");
  // 遍历每个元素
  for (var i = 0; i < elements.length; i++) {
    // 获取当前元素的font-family属性值
    var fontFamily = elements[i].style.fontFamily;
    // 如果该属性值存在
    if (fontFamily) {
      // 在该属性值前添加SL-Simplified字体
      elements[i].style.fontFamily = "SL-Simplified, " + fontFamily;
    }
  }
}

// 在动态加载时
// 例如，使用jQuery的load方法动态加载内容
$(selector).load(url, function() {
  // 获取新加载的元素
  var newElements = $(selector).find("*");
  // 遍历每个元素
  newElements.each(function() {
    // 获取当前元素的font-family属性值
    var fontFamily = $(this).css("font-family");
    // 如果该属性值存在
    if (fontFamily) {
      // 在该属性值前添加SL-Simplified字体
      $(this).css("font-family", "SL-Simplified, " + fontFamily);
    }
  });
});

这里使用了两种不同的方法来处理页面加载和动态加载中的元素。在页面加载时，我们可以使用原生的JavaScript方法来获取所有的元素并遍历它们。在动态加载时，我们可以使用jQuery的load方法来获取新加载的元素并遍历它们。无论哪种情况，我们都需要检查每个元素的font-family属性值，如果存在，就在该属性值前添加SL-Simplified字体