javascript - 调用JS函数onClick

标签 javascript html

我正在尝试调用这个 Javascript 函数。当我按下按钮时,没有任何加载。我为我的按钮设置了一个 id。通过 onclick,我加载 onLinkedInLoad 函数。但这不是我应该调用的函数来激活脚本吗?有人能看到我在这里做错了什么吗?

<!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <meta charset="utf-8" />
    </head>
    <body>
        <button id="btn">Try Me</button>

        <script type="text/javascript">
            document.getElementById("btn").onclick = onLinkedInLoad;
        </script>

        <script type="text/javascript" src="//platform.linkedin.com/in.js">
      api_key: myKey
      authorize: true
      onLoad: onLinkedInLoad
        </script>
        <script type="text/javascript">

      // Setup an event listener to make an API call once auth is complete
        function onLinkedInLoad() {
          IN.Event.on(IN, "auth", shareContent);
        }

      // Handle the successful return from the API call
      function onSuccess(data) {
        console.log(data);
      }

      // Handle an error response from the API call
      function onError(error) {
        console.log(error);
      }

      // Use the API call wrapper to share content on LinkedIn
      function shareContent() {

        // Build the JSON payload containing the content to be shared
        var payload = {
          "comment": "Check out developer.linkedin.com! http://linkd.in/1FC2PyG",
          "visibility": {
            "code": "anyone"
          }
        };

        IN.API.Raw("/people/~/shares?format=json")
          .method("POST")
          .body(JSON.stringify(payload))
          .result(onSuccess)
          .error(onError);
      }

        </script>

    </body>
    </html>

更新: 我在控制台中得到这个:

18 Uncaught ReferenceError: onLinkedInLoad is not defined
www.linkedin.com/uas/js/userspace?v=0.0.1191-RC8.56309-1429&apiKey=myKey&authorize=true&onLoad=onLinkedInLoad&secure=1&:
22 Uncaught Error: You must specify a valid JavaScript API Domain as part of this key's configuration.

我也放入了我的 APIkey。我刚刚将此处的代码替换为“myKey”。我也尝试过 .addEventListener('click', onLinkedInLoad),但仍然没有任何反应

最佳答案

尝试在调用脚本之前加载函数定义脚本。或者更好的方法是,将所有脚本放在另一个文件中,然后将其加载到 HTML 上。

我已经在 js fiddle 上尝试过你的代码,它可以通过这样做来工作。

关于javascript - 调用JS函数onClick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37332528/

相关文章:

javascript - 谷歌地图点击标记平移到屏幕底部

html - 如何同时移动一组已定位的 child ?

html - html 5 视频是在页面加载时缓冲还是仅在播放视频时缓冲?

html - 适用于所有主要浏览器的视频编解码器

javascript - 单击 kendo ui 网格标题中的自定义按钮时如何停止传播

javascript - ID 作为 jquery 中 <div> 的事件参数

javascript - 通过 slider 移动更改 slider 值

javascript - 使用回调和闭包时在 Javascript 中保持对 "this"的引用

javascript - 方 block 几乎不动(Javascript)

javascript - 比较两个输入字段中的值