为了账号安全,请及时绑定邮箱和手机立即绑定

请问HTML function函数怎么定义和调用?

请问HTML function函数怎么定义和调用?

GCT1015 2019-08-16 11:10:51
HTML function函数怎么定义和调用
查看完整描述

4 回答

?
红糖糍粑

TA贡献1815条经验 获得超6个赞

HTML function函数怎么定义和调用实例:

<!DOCTYPE html>

<html>

<head>

<script>

function myFunction()

{

alert("Hello World!");

}

</script>

</head>

<body>

<button onclick="myFunction()">Try it</button>

</body>

</html>



扩展资料

1、函数声明语法 (声明定义)

function functionName(parameters) {

执行的代码

}

实例:

function myFunction(a, b) {

return a * b;

}

2、函数表达式(表达式定义)

JavaScript 函数可以通过一个表达式定义。

函数表达式可以存储在变量中:

实例:var x = function (a, b) {return a * b};

3、Function() 构造函数

函数同样可以通过内置的 JavaScript 函数构造器(Function())定义。

实例:

var myFunction = new Function("a", "b", "return a * b");

var x = myFunction(4, 3);






查看完整回答
反对 回复 2019-08-24
?
缥缈止盈

TA贡献2041条经验 获得超4个赞

JavaScript+HTML给你写个例子吧。

<HTML>
<HEAD>
<Script type="text/javascript">
function Calc()
{
var x=parseInt(document.getElementById("Text1").value);
var y=parseInt(document.getElementById("Text2").value);
var xPOWy=Math.pow(x,y);
document.getElementById("Text3").value=xPOWy;
}
</Script>
</HEAD>
<BODY>
<Input Type="Text" Size="10" Id="Text1" Value="0">的<Input Type="Text" Size="5" Id="Text2" Value="2">次方,等于<Input Type="Text" Size="20" Id="Text3" Value="0">
<Input Type="Button" Value="计算" OnClick="Calc();">
</BODY>
</HTML>





查看完整回答
反对 回复 2019-08-24
?
临摹微笑

TA贡献1982条经验 获得超2个赞

一、正常方法
function print(msg){
document.write(msg);
}
对函数进行调用的几种方式:
函数名(传递给函数的参数1,传递给函数的参数2,….)
变量 = 函数名(传递给函数的参数1,传递给函数的参数2,….)
对于有返回值的函数调用,也可以在程序中直接使用返回的结果,例如:alert("sum=“+ square(2,3));
不指定任何函数值的函数,返回undefined
二、构造函数方法 new Function();
//构造函数方式定义javascript函数 注意Function中的F大写
var add=new Function('a','b','return a+b;');
//调用上面定义的add函数
var sum=add(3,4);
alert(sum);
//弹出7
注:接受任意多个字符串参数,最后一个参数是函数体。
如果只传一个字符串,则其就是函数体。
三、函数直接量定义函数
//使用函数直接量的方式定义函数

var result=function(a,b){return a+b;}
//调用使用函数直接量定义的函数
var sum=result(7,8);
alert(sum);
注:函数直接量是一个表达式,它可以定义匿名函数
匿名函数如下:
btnElement.onclick=function(){
alert("点击按钮");
}



查看完整回答
反对 回复 2019-08-24
  • 4 回答
  • 0 关注
  • 539 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信