自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 > JavaScript脚本 >

什么是JavaScript函数

作者:灰牛站长•发布时间:2021-07-12 11:59:44•浏览

如何定义一个函数呢?基本语法如下:

function 函数名()
{
函数代码;
}

说明:

  1. function定义函数的关键字。
  2. "函数名"你为函数取的名字。
  3. "函数代码"替换为完成特定功能的代码。

我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字:“add2”,代码如下:

function add2(){
var sum = 3 + 2;
alert(sum);
}

javascript函数调用

函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了,代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function add2(){
sum = 5+6;
alert(sum);
}
add2();//调用函数,直接写函数名
</script>
</head>
<body>
<form>
<input type="button" name="" id="" value="点击" onclick="add2()"/>
</form>
</body>
</html>
网页中有一按钮(名字"点击我"),当点击按钮后调用函数contxt(),弹出对话框"哈哈,调用函数了!"。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function contxt(){
alert('哈哈,调用函数了!')
}
</script>
</head>
<body>
<form action="">
<input type="button" value="点击" onclick="contxt()">
</form>
</body>
</html>

相关文章

  • javascript控制类名(className 属性)

    javascript控制类名(className 属性)

    书写过程中注意 JavaScript定义变量赋值 里面的 不能使用JavaScript关键词与JavaScript保留字 语法: object.className = classname 作用: 获取元素的class 属性 为网页内的...
    2021-07-12 12.07.59
  • javascript改变html样式

    javascript改变html样式

    语法: Object.style.property=new style; 注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。 基本属性表(property): 属性 描述 backgroundColor 设置...
    2021-07-12 12.07.30
  • javascript中innerhtml属性

    javascript中innerhtml属性

    语法: Object.innerHTML 注意: Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。 注意书写,innerHTML区分大小写。 我们通过id="con"获取p 元素,...
    2021-07-12 12.07.00
  • javascript通过id获取元素

    javascript通过id获取元素

    语法: document.getElementById("id") !DOCTYPE htmlhtmlheadmeta charset="utf-8"title/title/headbodyh3今天星期六/h3p id="con"此刻再学习javascipt入门篇/pscript type="text/javascript"var myst...
    2021-07-12 12.07.13
  • JavaScript-关闭窗口(window.close)

    JavaScript-关闭窗口(window.close)

    用法: window.close();//关闭本窗口 或 窗口对象.close();//关闭指定的窗口 例如:关闭新建的窗口。 !DOCTYPE htmlhtmlheadmeta charset="utf-8"title/titlescript type="text/javascr...
    2021-07-12 12.07.10

手机端