跨域-Script

作者: duJing | 来源:发表于2017-01-04 14:55 被阅读8次

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
     * script标签不受同源策略限制
     * */
    function loadScript(url, fn) {
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.src = url;

        script.onload = script.onreadystatechange = function () {
            if (!this.readyState || this.readyState === 'loaded'
                    || this.readyState === 'complete') {
                fn();
                script.onload = script.onreadystatechange = null;
            }
        }
        head.appendChild(script);
    }
    // 打印出数据
    window.baidu = {
        sug: function (data) {
            console.log(data);
        }
    }
    // 这是一个接口api，它会返回数据给你
    // http://suggestion.baidu.com/su?wd=w
    loadScript('http://suggestion.baidu.com/su?wd=w', function () {
        console.log('loaded')
    });
</script>
</body>
</html>