1. 简单的函数：

<html>

<head>

<script type="text/javascript">

function myfunction()

{

    alert("您好！")

}

</script>

</head>

<form>

<input type="button" onclick="myfunction()" value="调用函数">

<p>通过点击这个按钮，可以调用一个函数。该函数会提示一条消息。</p>

</body>

</html>

2.1 带参数的函数：

<html>

<head>

<script type="text/javascript">

function myfunction(txt)

{

    alert(txt)

}

</script>

</head>

<body>

<form>

<input type="button" onclick="myfunction('你好，你个蠢货...')" value="调用函数">

</form>

<p> 通过点击这个按钮，可以调用一个带参数的函数。该函数会输出这个参数 </p>

</body>

</html>

2.2 带参数的函数：

<html>

<head>

<script type="text/javascript">

function myfunction(txt)

{

    alert(txt)

}

</script>

</head>

<body>

<form>

<input type="button" onclick="myfunction('早安，靖哥哥！')" value="早晨">

<input type="button" onclick="myfunction('晚安，蓉儿!')" value="晚上">

</form>

<p>通过点击这个按钮，可以调用一个函数。该函数会输出传递给它的参数。 </p>

</body>

</html>

3.1 带返回值的函数

<html>

<head>

<script type="text/javascript">

function myfunction()

{

    return ("这一段话，会在结果中显示")

}

</script>

</head>

<body>

<script type="text/javascript">

document.write(myfunction())

</script>

<p> body部分中的脚本调用一个函数。</p>

<script type="text/javascript">

document.write(myfunction())

</script>

</body>

</html>

3.2 带有参数和返回值的函数

　　尝试把返回值用字符串拼接的方式组合了一下，还真成功了

<html>

<head>

<script type="text/javascript">

function product(a, b, c)

{

    return "某食品厂" + a + "年度，生产了" + b + "万箱" + c

}

</script>

</head>

<body>

<script type="text/javascript">

document.write(product("2018", "15", "饼干"))

</script>

</body>

</html>

结果：

某食品厂2018年度，生产了15万箱饼干

本文代码示例大多来自http://www.w3school.com.cn/b.asp，只为学习使用。

js学习之路1： 初识js函数的更多相关文章

  1. js 学习之路4：js运行/输出中文乱码问题解决

    网上找了一个简单的例子,编写出来很简单,但是乱码的问题稍微困扰了一下. 题目: 1. 大马驮2石粮食,中马驮1石粮食,两头小马驮一石粮食,要用100匹马,驮100石粮食,该如何调配? js解决代码: ...

  2. 【温故知新】——BABYLON.js学习之路·前辈经验（二）

    前言:在上一篇随笔BABYLON.js学习之路·前辈经验(一)中回顾了组内同事们长时间在Babylon开发实践中的总结出的学习之路和经验,这一篇主要对开发中常见的一些功能点做一个梳理,这里只作为温故知 ...

  3. node.js学习之路（1）

    node.js 属于后台语言,后台语言还有php,java等. 优势:1.性能好   node.js VS php   86倍 2.跟前台JS配合方便 3.node.js便于前端学习 https:// ...

  4. Android开发学习之路--Java和Js互相调用

      随着前端的火热,以前开发的快速,越来越多的native app在其中融合了h5,就拿淘宝就是很多的h5组成的,一旦出现什么节日,他都可以不用通过更新app来实现界面的改变,而且android和io ...

  5. Js 框架之Vue .JS学习记录 ① 与Vue 初识

    目录 与 Vue.js 认识 VUE.JS是个啥?有啥好处? Vue 的目标 战前准备  VUE.JS环境 VUE.JS 尝试一下,你就明白 第一步 实例化VUE 对象 第二步VueAPP 调用数据 ...

  6. node.js学习（二）--Node.js控制台（REPL）&&Node.js的基础和语法

    1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. ...

  7. JS学习之路

    前言 接触js也有四五年的时间了,对js的认识也逐渐加深,想把自己这几年学习js的经历记录一下. 总则-都是对象,都是引用 在接触js前用的比较多的是java,在刚开始接触js的时候,老实讲,我是有点 ...

  8. JS学习之路，菜鸟总结的注意事项及错误更正

    JavaScript 是一种面向对象的动态语言,它的语法来源于 Java 和 C,所以这两种语言的许多语法特性同样适 用于 JavaScript.需要注意的一个主要区别是 JavaScript 不支持 ...

  9. react.js学习之路二

    看react.js对我来说真的不是难不难的问题,问题是我的思路太难转变了,真是坑死我了,react里面的坑也很多.算了,这些抱怨没啥用,记录一下今天学习的内容. 今天看了to-do-list经典示例 ...

随机推荐

  1. 别再写 bug 了，避免空指针的 5 个案例！

    空指针是我们 Java 开发人员经常遇到的一个基本异常,这是一个极其普遍但似乎又无法根治的问题. 本文,栈长将带你了解什么是空指针,还有如何有效的避免空指针. 什么是空指针? 当一个变量的值为 nul ...

  2. “百度杯”CTF比赛（二月场）-web-writeup

    爆破一: 打开网页看到源代码: 根据提示这题就是找变量的值,本想爆破,但不太现实.百度 php获取变量的值 有个超全局数组 $GLOBALS 爆破二: 打开网页看到源代码: 看到了eval() 函数, ...

  3. C# 当中 foreach 的原理

    在 C# 当中的 foreach 语句实际上就是遍历迭代器的语法糖.例如我们拥有以下代码: public class TestClass { public void TestMethod() { va ...

  4. 死磕 java集合之LinkedHashMap源码分析

    欢迎关注我的公众号"彤哥读源码",查看更多源码系列文章, 与彤哥一起畅游源码的海洋. 简介 LinkedHashMap内部维护了一个双向链表,能保证元素按插入的顺序访问,也能以访问 ...

  5. IdentityServer4之Implicit(隐式许可) —— oidc-client-js前后端分离

    IdentityServer4之Implicit(隐式许可) —— oidc-client-js前后端分离 参考 官方文档:oidc-client-js:oidc-client是一个JavaScrip ...

  6. Solr 11 - Solr集群模式的部署(基于Solr 4.10.4搭建SolrCloud)

    目录 1 SolrCloud结构说明 2 环境的安装 2.1 环境说明 2.2 部署并启动ZooKeeper集群 2.3 部署Solr单机服务 2.4 添加Solr的索引库 3 部署Solr集群服务( ...

  7. 带着萌新看springboot源码04

    继续开头说些废话,我也不知道什么鬼,每次写着写着经常会写到其他地方去了,太容易分神了. 这次说一下springboot对于springmvc的大概整个流程,以请求动态网页为例 . 1.梳理一下spri ...

  8. 使用mpvue开发小程序教程（六）

    在上一章节中,我们列举了在Vue中能用但在mpvue中不能用或需要特别注意的特性,在实际开发前了解一下还是很有必要的,可以避免浪费找错误的时间. 如果你使用过原生的小程序框架,你一定经历过或思考过怎么 ...

  9. 模拟实现 DBUtils 工具 ， 技术原理浅析

    申明:本文采用自己 C3P0 连接池工具进行测试 自定义的 JDBCUtils 可以获取 Connection: package com.test.utils; import java.sql.Con ...

  10. 第34章 授予类型 - Identity Server 4 中文文档(v1.0.0)

    授权类型是指定客户端如何与IdentityServer交互的方式.OpenID Connect和OAuth2.0规范定义了以下授权类型: Implicit Authorization code Hyb ...