跨網站載入與執行 JavaScript 的方式

alert('ext.js load')
var currentTime = new Date()
var model = {
    name: 'rock', 
    message: 'hello (at ' + currentTime.toLocaleString() + ')'
}
ext_callback( model )

<script type="text/javascript">
//See: Google Data Protocol

function ext_callback(data) {
    alert('callback: ' + data.name + ' say ' + data.message)
}

function dynamicLoadJs1() {
    var js = document.createElement('script');
    js.type = 'text/javascript';
    js.src = 'http://localhost/workspace/ext.js'; //remote javascript.

    //js.onload = function() { // not work in IE6

    var remove_this_after_loaded = function() {
        //window.alert('Load a ' + this)


        var scripts = document.getElementsByTagName('head')[0].getElementsByTagName('script')
        for (i = 0; i < scripts.length ; i++) {
            if (js == scripts[i]) {
                //alert('remove #' + (i + 1) + ' of script');
                //將此節點自 DOM 中移除，靜待瀏覽器進行垃圾回收。
                //ps. 回收效率並不高。

                document.getElementsByTagName('head')[0].removeChild(this)
            }
        }
    }; 
    document.getElementsByTagName('head')[0].appendChild(js);
//    var scripts = document.getElementsByTagName('head')[0].getElementsByTagName('script')
//    alert(scripts.length)


    if (js.attachEvent) {
        js.attachEvent('onload', remove_this_after_loaded); // not work in IE
    }
    else {
        js.addEventListener('load', remove_this_after_loaded, false); // W3C DOM
    }
}

if (window.attachEvent) {
    window.attachEvent('onload', dynamicLoadJs1); // IE only
}
else {
    window.addEventListener('load', dynamicLoadJs1, false); // W3C DOM
}
</script>

<p>
Working...
</p>
<a href="javascript:dynamicLoadJs1()">Load script!</a>