未捕获的ReferenceError：未定义sendcard

Question

Ok so i keep getting this error but have no idea why... And yes i have checked other similar posts but nothing helped. 好的，所以我一直收到此错误，但不知道为什么...是的，我检查了其他类似的帖子，但无济于事。 Here is the error: 这是错误：

Uncaught ReferenceError: sendcard is not defined
onclick @ kikcards.html:102

which is: 这是：

<tr><td colspan=2 align=center><img src="/Images/generate.png" width=150 onclick="sendcard()"></td></tr>

All the code i have: 我拥有的所有代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Kik Cards | Crazii</title>

    <link rel="stylesheet" type="text/css" href="/-default.css"/>
    <link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
    <meta charset = "utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <link id="kikicon" rel="kik-icon" href="kik.png"/>
    <script src="/navOpen.js"></script>
    <script src="https://cdn.kik.com/kik/2.0.5/kik.js"></script>
</head>

<body class="body">

    <nav id="mainNav">
      <div id="logo">
        <a href="/index.html"><span>C</span>razii<span> </span> </a>
      </div>
      <div id="mobileToggle">
        <div class="bar"></div>
        <div class="bar"></div>
        <div class="bar"></div>
      </div>
      <ul id="mainMenu">
        <li>
          <a href="/index.html">Home</a>
        </li>
        <li>
          <a href="/about.html">About</a>
        </li>
        <li>
          <a href="#">PS3 Modding</a>
        </li>
        <li>
          <a href="/ebooks/ebooks.html">PDFs</a>
        </li>
        <li>
          <a href="/kikcards.html">Kik Cards</a>
        </li>
      </ul>
    </nav>

    <div class="mainContent">
        <div class="content">
            <article class="Content1">
                <header>
                    <h2><a href="#" title="1st Post"> Kik Cards</a></h2>
                </header>
                <footer>
                    <p class="post-info"> <br> </p>

                </footer>
                <content>
                    <p>
                        <table>
                            <tr><td style="text-align:right">Title:</td><td><input id="title"></td></tr>
                            <tr><td style="text-align:right">Text (optional):</td><td><input id="text"></td></tr>
                            <tr><td style="text-align:right">Main Title:</td><td><input id="maintitle"></td></tr>
                            <tr><td style="text-align:right">Little Icon (URL, optional):</td><td><input id="icon"></td></tr>
                            <tr><td style="text-align:right">Big Picture (URL, optional):</td><td><input id="pic">(If nothing is entered here, the default icon will be used)</td></tr>
                            <tr><td style="text-align:right">Redirect URL (optional):</td><td><input id="redirect"></td></tr>
                            <tr><td style="text-align:right">Big picture? (hides the title)</td><td><input type="checkbox" id="big"></td></tr> <!-- document.getElementById(big).checked -> bool -->
                            <tr><td style="text-align:right">Forward-able?</td><td><input type="checkbox" id="forward" checked=true></td></tr>
                            <tr><td colspan=2 align=center><img src="/Images/generate.png" width=150 onclick="sendcard()"></td></tr>
                        </table>
                    </p>
                </content>
            </article>
        </div>
    </div>
    <footer class="mainFooter">
        <p> Copyright &copy; 2015 <a href="#" title="Crazii"><b>Crazii</b></p>
    </footer>

    <script>
    window.onload = function()
        {
            if (kik.message && kik.message['url']!="") {
                    window.location.replace(kik.message['url']);
                }
                var title = "";
                var maintitle = "";
                var body = "";
                var display = "";
                var bigpicture = "";
                var forwardable = "";
                var redirect = "";
                function precede(str, check_for) {
                    return str.slice(0, check_for.length) == check_for;
                }
                function sendcard() {
                    title = document.getElementById("title").value;

                    maintitle = document.getElementById("maintitle").value;
                    if (maintitle=="") {
                        maintitle = "Kik Cards | Crazii";
                    }

                    body = document.getElementById("text").value;

                    document.getElementById("kikicon").href = document.getElementById("icon").value;

                    display = document.getElementById("pic").value;
                    if (display == "") {
                        display = "http://crazii.herobo.com/Images/kik.png";
                    }
                    bigpicture = document.getElementById("big").checked;
                    if (document.getElementById("forward").checked == true) {
                        forwardable = false;
                    } else {
                        forwardable = true;
                    }

                    redirect = document.getElementById("redirect").value;
                    if (precede(redirect, "http://")) {
                        redirect = redirect;
                    } else if (precede(redirect, "https://")) {
                        redirect = redirect;
                    } else if (redirect == "") {
                        redirect = "http://crazii.herobo.com";
                    } else {
                        redirect = "http://"+redirect;
                    }
                    document.getElementById("webtitle").innerHTML = maintitle;

                    kik.send({
                    title: title,
                    text: body,
                    pic: display,
                    big: bigpicture,
                    noForward: forwardable,
                    data: {'url': redirect}
                });
            }
        }
    </script>
</body>
</html>

In advance i appreciate any help i can get, thanks! 预先感谢您能提供的任何帮助，谢谢！

Answer 1

The function sendcard() is defined within the scope of the window.onload callback, as of that it is not visible in the global scope. sendcard()函数是在window.onload回调的范围内定义的，因此在全局范围内不可见。

To self this you cab use addEventListener . 要实现此目的，请使用addEventListener 。

You need the be able to find your element, eg by adding an id to it: 您需要能够找到您的元素，例如通过向其添加id ：

<img src="/Images/generate.png" width=150 id="sendcard">

Then in your window.onload you search for that element, and add an event listener: 然后在window.onload搜索该元素，并添加一个事件侦听器：

document.getElementById("sendcard").addEventListener("click",sendcard, false);

You could also think of moving the sendcard definition out of the callback, but then you would pollute the global scope which should be avoided. 您还可以考虑将sendcard定义移出回调，但随后会污染全局范围，应避免这种情况。

Answer 2

Try this:- 尝试这个：-

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Kik Cards | Crazii</title>

    <link rel="stylesheet" type="text/css" href="/-default.css"/>
    <link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
    <meta charset = "utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <link id="kikicon" rel="kik-icon" href="kik.png"/>
    <script src="/navOpen.js"></script>
    <script src="https://cdn.kik.com/kik/2.0.5/kik.js"></script>
</head>

<body class="body">

    <nav id="mainNav">
      <div id="logo">
        <a href="/index.html"><span>C</span>razii<span> </span> </a>
      </div>
      <div id="mobileToggle">
        <div class="bar"></div>
        <div class="bar"></div>
        <div class="bar"></div>
      </div>
      <ul id="mainMenu">
        <li>
          <a href="/index.html">Home</a>
        </li>
        <li>
          <a href="/about.html">About</a>
        </li>
        <li>
          <a href="#">PS3 Modding</a>
        </li>
        <li>
          <a href="/ebooks/ebooks.html">PDFs</a>
        </li>
        <li>
          <a href="/kikcards.html">Kik Cards</a>
        </li>
      </ul>
    </nav>

    <div class="mainContent">
        <div class="content">
            <article class="Content1">
                <header>
                    <h2><a href="#" title="1st Post"> Kik Cards</a></h2>
                </header>
                <footer>
                    <p class="post-info"> <br> </p>

                </footer>
                <content>
                    <p>
                        <table>
                            <tr><td style="text-align:right">Title:</td><td><input id="title"></td></tr>
                            <tr><td style="text-align:right">Text (optional):</td><td><input id="text"></td></tr>
                            <tr><td style="text-align:right">Main Title:</td><td><input id="maintitle"></td></tr>
                            <tr><td style="text-align:right">Little Icon (URL, optional):</td><td><input id="icon"></td></tr>
                            <tr><td style="text-align:right">Big Picture (URL, optional):</td><td><input id="pic">(If nothing is entered here, the default icon will be used)</td></tr>
                            <tr><td style="text-align:right">Redirect URL (optional):</td><td><input id="redirect"></td></tr>
                            <tr><td style="text-align:right">Big picture? (hides the title)</td><td><input type="checkbox" id="big"></td></tr> <!-- document.getElementById(big).checked -> bool -->
                            <tr><td style="text-align:right">Forward-able?</td><td><input type="checkbox" id="forward" checked=true></td></tr>
                            <tr><td colspan=2 align=center><img src="imgh.jpg" width=150 onclick="sendcard()" /></td></tr>
                        </table>
                    </p>
                </content>
            </article>
        </div>
    </div>
    <footer class="mainFooter">
        <p> Copyright &copy; 2015 <a href="#" title="Crazii"><b>Crazii</b></p>
    </footer>

    <script>

            if (kik.message && kik.message['url']!="") {
                    window.location.replace(kik.message['url']);
                }
                var title = "";
                var maintitle = "";
                var body = "";
                var display = "";
                var bigpicture = "";
                var forwardable = "";
                var redirect = "";
                function precede(str, check_for) {
                    return str.slice(0, check_for.length) == check_for;
                }
                function sendcard() {
                alert("sdf");
                    title = document.getElementById("title").value;

                    maintitle = document.getElementById("maintitle").value;
                    if (maintitle=="") {
                        maintitle = "Kik Cards | Crazii";
                    }

                    body = document.getElementById("text").value;

                    document.getElementById("kikicon").href = document.getElementById("icon").value;

                    display = document.getElementById("pic").value;
                    if (display == "") {
                        display = "http://crazii.herobo.com/Images/kik.png";
                    }
                    bigpicture = document.getElementById("big").checked;
                    if (document.getElementById("forward").checked == true) {
                        forwardable = false;
                    } else {
                        forwardable = true;
                    }

                    redirect = document.getElementById("redirect").value;
                    if (precede(redirect, "http://")) {
                        redirect = redirect;
                    } else if (precede(redirect, "https://")) {
                        redirect = redirect;
                    } else if (redirect == "") {
                        redirect = "http://crazii.herobo.com";
                    } else {
                        redirect = "http://"+redirect;
                    }
                    document.getElementById("webtitle").innerHTML = maintitle;

                    kik.send({
                    title: title,
                    text: body,
                    pic: display,
                    big: bigpicture,
                    noForward: forwardable,
                    data: {'url': redirect}
                });
            }

    </script>
</body>
</html>

Remove :- window.onload = function() { and end image tag 删除： window.onload = function() {和结束图像标签

未捕获的ReferenceError：未定义sendcard

问题描述

2 个解决方案

解决方案1
0 已采纳 2015-10-19 07:23:18

解决方案2
0 2015-10-19 07:48:56

未捕获的ReferenceError：未定义sendcard

问题描述

2 个解决方案

解决方案1 0 已采纳 2015-10-19 07:23:18

解决方案2 0 2015-10-19 07:48:56

解决方案1
0 已采纳 2015-10-19 07:23:18

解决方案2
0 2015-10-19 07:48:56