调用JS函数onClick

时间:2016-05-19 19:35:48

标签: 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),但仍然没有发生

1 个答案:

答案 0 :(得分:1)

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

我已经在js小提琴上尝试了你的代码,它可以通过这样做来实现。