JavaScript 函数

最新推荐文章于 2025-08-15 22:56:20 发布

weixin_33953384

最新推荐文章于 2025-08-15 22:56:20 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2552902/blog/543837

本文提供了多个JavaScript函数实例，包括无参函数、带参函数、返回值函数等，展示了如何在HTML中使用JavaScript进行交互操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

函数

<html>
<head>

<script type="text/javascript">
function myfunction()
{
alert("您好！")
}
</script>

</head>
<body>

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

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

</body>
</html>

一个带参数的函数

<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

<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>
<head>

<script type="text/javascript">
function myFunction()
{
return ("您好，祝您愉快！")
}
</script>

</head>
<body>

<script type="text/javascript">
document.write(myFunction())
</script>

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

<p>该函数返回一段文本。</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(6,5))
</script>

<p>body 部分中的脚本调用一个带有两个参数（6 和 5）的函数。</p>
<p>该函数会返回这两个参数的乘积。</p>

</body>
</html>

转载于:https://my.oschina.net/u/2552902/blog/543837