通过JavaScript实现CSS和JS文件的动态加载

function loadCSS(url) {
    const link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = url;
    // 防止缓存
    link.href += (url.indexOf('?') >= 0 ? '&' : '?') + 'noCache=' + new Date().getTime();
    document.head.appendChild(link);
}

// 使用示例
loadCSS('path/to/your/style.css');

function loadCSSWithCallback(url, callback) {
    const link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = url;
    link.onload = function() {
        console.log('CSS file loaded.');
        if (typeof callback === 'function') {
            callback();
        }
    };
    link.onerror = function() {
        console.error('Failed to load CSS file.');
    };
    document.head.appendChild(link);
}

// 使用示例
loadCSSWithCallback('path/to/your/style.css', function() {
    console.log('CSS is now ready to use.');
});

function loadScript(url, callback) {
    const script = document.createElement('script');
    script.src = url;
    script.async = true; // 异步加载脚本
    script.onload = function() {
        console.log('Script file loaded.');
        if (typeof callback === 'function') {
            callback();
        }
    };
    script.onerror = function() {
        console.error('Failed to load script file.');
    };
    document.head.appendChild(script);
}

// 使用示例
loadScript('path/to/your/script.js', function() {
    console.log('Script is now ready to use.');
});

function loadCrossDomainScript(url, callback) {
    const script = document.createElement('script');
    script.src = url;
    script.crossOrigin = 'anonymous'; // 设置跨域属性
    script.onload = function() {
        console.log('Cross-domain script file loaded.');
        if (typeof callback === 'function') {
            callback();
        }
    };
    script.onerror = function() {
        console.error('Failed to load cross-domain script file.');
    };
    document.head.appendChild(script);
}

// 使用示例
loadCrossDomainScript('https://example.com/path/to/script.js', function() {
    console.log('Cross-domain script is now ready to use.');
});