JavaScript学习与实践（8）
函数是一个可以重用的代码快，当一个事件出发或者函数本上被调用的时候。
怎么来调用一个函数呢？
<html>
<head>
<script type="text/javascript">
function myfunction()
{
alert("HELLO")
}
</script>
</head>
<body>
<form>
<input type="button"
οnclick="myfunction()"
value="Call function">
</form>
<p>By pressing the button, a function will be called. The function will alert a message.</p>
</body>
</html>
给一个函数传参数，并在函数中应用他，在下面有两个例子，
<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<body>
<form>
<input type="button"
οnclick="myfunction('Hello')"
value="Call function">
</form>
<p>By pressing the button, a function with an argument will be called. The function will alert
this argument.</p>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<body>
<form>
<input type="button"
οnclick="myfunction('Good Morning!')"
value="In the Morning">
<input type="button"
οnclick="myfunction('Good Evening!')"
value="In the Evening">
</form>
<p>
When you click on one of the buttons, a function will be called. The function will alert
the argument that is passed to it.
</p>
</body>
</html>
下面是函数返回一个值
<html>
<head>
<script type="text/javascript">
function myFunction()
{
return ("Hello, have a nice day!")
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(myFunction())
</script>
<p>The script in the body section calls a function.</p>
<p>The function returns a text.</p>
</body>
</html>
函数传入参数，并且返回值
<html>
<head>
<script type="text/javascript">
function product(a,b)
{
return a*b
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(product(4,3))
</script>
<p>The script in the body section calls a function with two parameters (4 and 3).</p>
<p>The function will return the product of these two parameters.</p>
</body>
</html>
转载于:https://www.cnblogs.com/lxsohu/archive/2007/01/21/626366.html
JavaScript学习与实践（8）相关推荐
- 【PWA学习与实践】(3) 让你的WebApp离线可用
<PWA学习与实践>系列文章已整理至gitbook - PWA学习手册,文字内容已同步至learning-pwa-ebook.转载请注明作者与出处. 本文是<PWA学习与实践> ...
- 原来Github上也有这么多的JavaScript学习资源！
程序员书库(ID:OpenSourceTop) 编译 书单来自:https://risingstars.js.org/2019/en/ 最近,bestofjs发布了2019年度JavaScript年度 ...
- 【经典回放】JavaScript学习详细干货笔记之（一）
[经典回放]JavaScript学习详细干货笔记之(一) [经典回放]JavaScript学习详细干货笔记之(二) [经典回放]JavaScript学习详细干货笔记之(三) 目录 一.为什么要学Jav ...
- HTML、CSS、JavaScript 学习笔记
HTML-CSS 块级元素和内联元素 HTML div 和span HTML框架 HTML 符号实体参考手册 HTML 速查列表 HTML 基本文档 基本标签Basic Tags 文本格式化Forma ...
- javascript学习_真正学习javascript
javascript学习 So, you think you know JavaScript. You can write conditional statements galore, have ma ...
- b关于bootstrap官网https://v4.bootcss.com/docs/layout/grid/关于栅格布局的学习和实践博客
一,首先,我们来认识一下什么是bootstrap 什么是Bootstrap? 工欲善其事,必先利其器,话说在前端开发中,如何快速的搭建一个网站页面呢? 在程序的世界里,最不缺的就是轮子,凡是你能想到 ...
- 函数式编程在JavaScript下应用实践
点击此处阅读原文:函数式编程在JavaScript下应用实践 函数式编程在JavaScript下应用实践 文章目录 函数式编程在JavaScript下应用实践 前言 从一个实际需求说起 一把梭实现 C ...
- 关于 JavaScript 学习，一些好的博客或者网站
关于 JavaScript 学习,一些好的博客或者网站 我JavaScript学习过程中常去的一些网站与在知乎上看到的一些好的网站分享给大家: 1.首先增加一个重要的内容:JavaScript | M ...
- 【JS学习笔记】基于自学的JavaScript学习笔记（1）JS教程与简介
JavaScript学习目录 为什么要学习JS以及怎么学习 第一课时:JS教程与简介 1.什么是JavaScript? 2.JS定义: 3.JS作为脚本语言的特点 4.我能学习到什么? Sum Cha ...
最新文章
- 宏观相似性与惯性质量
- GraphViz：2 DOT语法和相关应用
- 2018，微软可能要在方方面面融入进企业
- 结婚被要求写代码，到底是怎么回事。
- 水泵怎么做_泳池设备日常怎么维护和保养？
- 《鸿蒙理论知识06》HarmonyOS概述之应用开发基础知识
- 内核的Makefile与Kconfig关系解析
- 短网址缩短和还原综合源码
- ubuntu pycharm设置快捷图标_这些Ubuntu中的小技巧，你知道吗？
- JsonView插件
- jboss相关的术语
- 使用 CodeIgniter 框架快速开发 PHP 应用(一)
- Android 常用adb shell 命令
- NETSCREEN用L2TP方式建立×××
- HDU 2841 容斥 或 反演
- mysql修改表、字段、库的字符集
- [4G5G专题-81]：流程 - 4G LTE 小区切换流程大全
- 看不到可用网络，网络适配器出现黄色感叹号（代码56）
- 微信网页投诉php,【分享】买的thinkphp微信无投诉按钮源码
- 再谈Revit二次开发的可靠性和前景