javascript - 通过 html 标签实现 onclick 按钮的 js 功能

Question

我正在尝试使用此语法编写以在我的选择按钮中调用 js 功能...

<button onclick="UversePlanSelector()">Select</button>

但它不能正常工作。 你能告诉我如何解决吗？ 在下面提供我的代码:

<div id="wrap_plans">
        
        <div class="plan">
            <div class="plan_head"><span class="hdr">Power</span><span class="tag">$64.95</span>
            </div>
            <div class="plan_spec"><span class="hdr">45 / 8</span> Mbps</div>
            <button onclick="UversePlanSelector()">Select</button>
        </div>
    </div>

Answer 1

首先，UversePlanSelector 不在全局对象中

来自:

function UversePlanSelector(wrap, plans_in, plans_tv) {...
// > ReferenceError: UversePlanSelector is not defined

收件人:

UversePlanSelector = function UversePlanSelector(wrap, plans_in, plans_tv) {...

其次，UversePlanSelector 是一个构造函数

来自:

<button onclick="UversePlanSelector()">Select</button>
// > Uncaught TypeError: Object [object global] has no method 'init'

收件人:

<button onclick="new UversePlanSelector()">Select</button>

第三，UversePlanSelector 有 3 个参数，都没有给定

声明:

UversePlanSelector = function UversePlanSelector(wrap, plans_in, plans_tv) {...

调用:

<button onclick="new UversePlanSelector( /* No args given */ )">Select</button>

结果:

> Uncaught TypeError: Cannot read property 'length' of undefined

可能在 plans_in 中，但我认为你应该是进一步调试它的人:-)