JS:1.3,函数(function)

简介:
ylbtech-JS:函数-导航
JS:3.1,函数(function)-定义返回顶部

1,定义函数语法

通过定义函数名称,参数和代码语句来创建函数。

function 函数名([参数1,][参数2,][...])
{
	语句:
}

备注:
[]内的内容可以不写。

参数是函数中使用的变量,变量的值是别调用函数按值传值的。通过将函数放置在文档的头部分(head),函数中的代码将在函数被调用之前加载。

2,怎样调用函数

一个函数在没被调用之前将不会执行。
(1)调用包含参数的函数。

函数名([参数1,][参数2,][...])

(2)调用不包含参数的函数。

函数名()
JS:3.2,函数-返回函数返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function total(a,b)
{
    result=a+b;
    return result;
}
</script>
</head>

<body>
<h1>1,返回语句</h1>
<script language="javascript">
var a=3;
var b=1;
var sum=total(a,b);
document.write(sum);
</script>
</body>
复制代码
JS:3.3,函数-调用一个函数返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function fun()
{
    alert("Hello!");
}
</script>
</head>

<body>
<pre>
<h1>2,调用一个函数</h1>
<input type="button" onclick="fun()" value="调用函数" />
<a href="javascript:fun()">调用函数</a><br />
<p>
通过按下按钮,一个函数将被调用。这个函数将弹出一个消息框
</p>
</pre>
</body>
</html>
复制代码
JS:3.4,函数-调用一个函数(带参数)返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function fun(word)
{
    alert("Hello "+word+"!");
}
</script>
</head>

<body>
<pre>
<h1>2,调用一个函数(带参数)</h1>

<input type="button" onclick="fun('小姐')" value="调用函数" />
<p>
通过按下按钮,一个函数将被调用。这个函数将弹出一个消息框。
</p>
</pre>
</body>
</html>
复制代码
JS:3.5,函数-返回值的函数返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function fun()
{
    return ("你好,今天天气很不错!");
}
</script>
</head>

<body>
<h1>4,返回值的函数</h1>

<script language="javascript">
document.write(fun());
</script>
<p>
在body中的脚本调用函数。
</p>
<p>
这个函数返回一段文本。
</p>
</body>
</html>
复制代码
JS:3.6,函数-调用外部js文件返回顶部

 3.6.1, a1.js

function fun()
{
    alert("你好,今天天气很不错!");
}

3.6.2,

复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="a1.js" language="javascript"></script>
</head>

<body>
<h1>
5,调用外部的js文件
</h1>
<input type="button" onclick="fun()" value="调用函数" />
</body>
</html>
复制代码

 

本文转自ylbtech博客园博客,原文链接:http://www.cnblogs.com/ylbtech/archive/2013/01/09/2852932.html,如需转载请自行联系原作者

相关文章
|
9月前
|
机器学习/深度学习 JavaScript 前端开发
JS进阶教程:递归函数原理与篇例解析
通过对这些代码示例的学习,我们已经了解了递归的原理以及递归在JS中的应用方法。递归虽然有着理论升华,但弄清它的核心思想并不难。举个随手可见的例子,火影鸣人做的影分身,你看到的都是同一个鸣人,但他们的行为却能在全局产生影响,这不就是递归吗?雾里看花,透过其间你或许已经深入了递归的魅力之中。
350 19
|
11月前
|
人工智能 Python
083_类_对象_成员方法_method_函数_function_isinstance
本内容主要讲解Python中的数据类型与面向对象基础。回顾了变量类型(如字符串`str`和整型`int`)及其相互转换,探讨了加法在不同类型中的表现。通过超市商品分类比喻,引出“类型”概念,并深入解析类(class)与对象(object)的关系,例如具体橘子是橘子类的实例。还介绍了`isinstance`函数判断类型、`type`与`help`探索类型属性,以及`str`和`int`的不同方法。最终总结类是抽象类型,对象是其实例,不同类型的对象有独特运算和方法,为后续学习埋下伏笔。
217 7
083_类_对象_成员方法_method_函数_function_isinstance
|
11月前
|
Python
[oeasy]python086方法_method_函数_function_区别
本文详细解析了Python中方法(method)与函数(function)的区别。通过回顾列表操作如`append`,以及随机模块的使用,介绍了方法作为类的成员需要通过实例调用的特点。对比内建函数如`print`和`input`,它们无需对象即可直接调用。总结指出方法需基于对象调用且包含`self`参数,而函数独立存在无需`self`。最后提供了学习资源链接,方便进一步探索。
281 17
|
11月前
|
人工智能 Python
[oeasy]python083_类_对象_成员方法_method_函数_function_isinstance
本文介绍了Python中类、对象、成员方法及函数的概念。通过超市商品分类的例子,形象地解释了“类型”的概念,如整型(int)和字符串(str)是两种不同的数据类型。整型对象支持数字求和,字符串对象支持拼接。使用`isinstance`函数可以判断对象是否属于特定类型,例如判断变量是否为整型。此外,还探讨了面向对象编程(OOP)与面向过程编程的区别,并简要介绍了`type`和`help`函数的用法。最后总结指出,不同类型的对象有不同的运算和方法,如字符串有`find`和`index`方法,而整型没有。更多内容可参考文末提供的蓝桥、GitHub和Gitee链接。
270 11
|
11月前
|
JavaScript
JS实现多条件搜索函数
JS封装的多条件搜索
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
273 32
|
12月前
|
JavaScript 前端开发 Java
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
柯里化是一种强大的函数式编程技术,它通过将函数分解为单参数形式,实现了灵活性与可复用性的统一。无论是参数复用、延迟执行,还是函数组合,柯里化都为现代编程提供了极大的便利。 从 Redux 的选择器优化到复杂的数据流处理,再到深度嵌套的函数优化,柯里化在实际开发中展现出了非凡的价值。如果你希望编写更简洁、更优雅的代码,柯里化无疑是一个值得深入学习和实践的工具。从简单的实现到复杂的应用,希望这篇博客能为你揭开柯里化的奥秘,助力你的开发之旅! 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
中间件 Docker Python
【Azure Function】FTP上传了Python Function文件后,无法在门户页面加载函数的问题
通过FTP上传Python Function至Azure云后,出现函数列表无法加载的问题。经排查,发现是由于`requirements.txt`中的依赖包未被正确安装。解决方法为:在本地安装依赖包到`.python_packages/lib/site-packages`目录,再将该目录内容上传至云上的`wwwroot`目录,并重启应用。最终成功加载函数列表。
207 0

热门文章

最新文章