JS:未捕获的TypeError:对象不是函数(onclick)

本文介绍了JS:未捕获的TypeError:对象不是函数(onclick)的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

这是一个JSfiddle

Edit2 :错误在此行上:<input type="button" value="totalbandwidthresult" onclick="javascript:totalbandwidth();">

试图让按钮执行计算.下面是必需的变量，还有HTML

Trying to have a button perform a calculation. The required variables are below, as well as the HTML where

onclick出现错误:Uncaught TypeError: object is not a function index.html:71 onclick

I am getting an error onclick: Uncaught TypeError: object is not a function index.html:71 onclick

这是我的Javascript

Here is my Javascript

function totalbandwidth() { var fps=Number(document.calculator.fps.value); var bitrate=Number(document.calculator.bitrate.value); var numberofcameras = Number(document.calculator.numberofcameras.value); var encoding = document.calculator.encoding.value; if (encoding = "mjpeg") { storage = bitrate*fps; } else { storage = bitrate; } totalbandwidth = (numberofcameras * storage) / 1000; document.calculator.totalbandwidthresult.value = totalbandwidth; }

HTML:

<form name="calculator" class="formtable"> <div class="formrow"><label for="rcname">RC Name</label> <input type="text" name="rcname"></div> <div class="formrow"><label for="fps">FPS</label> <input type="text" name="fps"> </div> <div class="formrow"><label for="bitrate">Bitrate</label> <input type="text" name="bitrate"> </div> <div class="formrow"><label for="numberofcameras">Number of Cameras</label> <input type="text" name="numberofcameras"> </div> <div class="formrow"><label for="encoding">Encoding</label> <select name="encoding" id="encodingoptions"> <option value="h264">H.264</option> <option value="mjpeg">MJPEG</option> <option value="mpeg4">MPEG4</option> </select></div> Total Storage: <input type="text" name="totalstorage"> Total Bandwidth: <input type="text" name="totalbandwidth"> <input type="button" value="totalbandwidthresult" onclick="javascript:totalbandwidth();">

基本上-我在JS中使用的语法似乎有些问题-但我不确定.

Basically - it seems that there may be something wrong with the syntax I used in the JS - but I'm not sure.

推荐答案

请仅更改函数名称；不需要其他更改

Please change only the name of the function; no other change is required

<script> function totalbandwidthresult() { alert("fdf"); var fps = Number(document.calculator.fps.value); var bitrate = Number(document.calculator.bitrate.value); var numberofcameras = Number(document.calculator.numberofcameras.value); var encoding = document.calculator.encoding.value; if (encoding = "mjpeg") { storage = bitrate * fps; } else { storage = bitrate; } totalbandwidth = (numberofcameras * storage) / 1000; alert(totalbandwidth); document.calculator.totalbandwidthresult.value = totalbandwidth; } </script> <form name="calculator" class="formtable"> <div class="formrow"> <label for="rcname">RC Name</label> <input type="text" name="rcname"> </div> <div class="formrow"> <label for="fps">FPS</label> <input type="text" name="fps"> </div> <div class="formrow"> <label for="bitrate">Bitrate</label> <input type="text" name="bitrate"> </div> <div class="formrow"> <label for="numberofcameras">Number of Cameras</label> <input type="text" name="numberofcameras"> </div> <div class="formrow"> <label for="encoding">Encoding</label> <select name="encoding" id="encodingoptions"> <option value="h264">H.264</option> <option value="mjpeg">MJPEG</option> <option value="mpeg4">MPEG4</option> </select> </div>Total Storage: <input type="text" name="totalstorage">Total Bandwidth: <input type="text" name="totalbandwidth"> <input type="button" value="totalbandwidthresult" onclick="totalbandwidthresult();"> </form>