Javascript 谷歌+;“登录”按钮不可单击

Javascript 谷歌+;“登录”按钮不可单击,javascript,html,google-plus,Javascript,Html,Google Plus,我正在关注Google+API文档中显示的内容。由于某种原因,我的按钮根本不可点击。什么也没出现。什么也没发生。我正在从url运行此命令:file:///TestPage.html在谷歌浏览器中 <html> <head> <title>Test Page</title> <script type="text/javascript"> function onSuccess(

我正在关注Google+API文档中显示的内容。由于某种原因,我的按钮根本不可点击。什么也没出现。什么也没发生。我正在从url运行此命令:
file:///TestPage.html
在谷歌浏览器中

<html>
    <head>
        <title>Test Page</title>
        <script type="text/javascript">
            function onSuccess() {
                //called fine.
            }

            (function() {
                var po = document.createElement('script');
                po.type = 'text/javascript';
                po.async = true;
                po.src = 'https://apis.google.com/js/client:plusone.js?onload=onSuccess';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(po, s);
            })();

            function onSignInCallback(res) {
                alert('callback'); //doesn't show up.
            }
        </script>
    </head>

    <!-- Not clickable -->
    <button id='signInBtn' class="g-signin"
        data-scope="https://www.googleapis.com/auth/plus.login"
        data-clientid="1085488274737.apps.googleusercontent.com"
        data-callback="onSignInCallback"
        data-theme="dark"
        data-approval-prompt="force"
        data-cookiepolicy="single_host_origin"
        data-requestvisibleactions="http://schemas.google.com/AddActivity"
        data-width="wide">
    </button>
</html>

测试页
函数onSuccess(){
//我叫他罚款。
}
(功能(){
var po=document.createElement('script');
po.type='text/javascript';
po.async=true;
po.src=https://apis.google.com/js/client:plusone.js?onload=onSuccess';
var s=document.getElementsByTagName('script')[0];
s、 parentNode.insertBefore(po,s);
})();
函数onSigningCallback(res){
警报('callback');//未显示。
}

知道为什么什么都没发生吗?为什么我的按钮甚至不可点击?

正如akonsu所说,请查看浏览器的控制台


请从本地web服务器访问页面,而不是像file://URL这样的简单方式。

检查浏览器控制台是否有错误。从web服务器提供页面服务。