JavaScript行为不一致

JavaScript Behavior Inconsistency

本文关键字：不一致 JavaScript      更新时间：2024-01-17

我的JavaScript似乎有点问题：它在JSFiddle上按预期工作，但从本地.html文件打开时却没有。

这是我硬盘上的代码：

<html>
<head>
    <script type='text/javascript'>
        window.onPlayerLoad = function () {
            alert("test");
        };
    </script>
</head>
<body>
    <object bgcolor='#000000' data='http://www.twitch.tv/widgets/archive_embed_player.swf' height='378' id='clip_embed_player_flash' type='application/x-shockwave-flash' width='620'>
        <param name='movie' value='http://www.twitch.tv/widgets/archive_embed_player.swf'>
        <param name='allowScriptAccess' value='always'>
        <param name='allowNetworking' value='all'>
        <param name='allowFullScreen' value='true'>
        <param name='flashvars' value='title=IEM%2BSingapore&amp;channel=esltv_sc2&amp;auto_play=false&amp;start_volume=25&amp;archive_id=484099469&amp;initCallback=onPlayerLoad'>
    </object>
</body>
</html>

这是在JSFiddle上：http://jsfiddle.net/77Bpa/.

此代码的目的是加载Twitch播放器，并在加载完成后调用函数。应该调用的函数是window.onPlayerLoad，它通过initCallback flashvar传递给flash对象（请参阅Twitch Player API）。

因此，在JSFiddle上，警报会按预期弹出，但当我在本地打开文件时，没有这样的效果。Firefox和Internet Explorer都表示window.onPlayerLoad存在，但它没有被调用。

这个问题的原因可能是什么？

提前谢谢。

正如我在评论中所说，问题是由于一些我未知的原因，flash没有调用回调，这些原因与请求使用它的页面时使用的协议有关。使用http://over-file://解决了这个问题。所以，简单地上传或使用本地主机向播放器请求页面可以很好地工作，当从本地文件系统将html文件加载到浏览器时会失败。

相关文章：