JavaScript函数调用方式：简单调用+在超链接中调用JavaScript函数+在事件中调用JavaScript函数

最新推荐文章于 2022-12-24 15:08:26 发布

我是X大魔王

最新推荐文章于 2022-12-24 15:08:26 发布

阅读量2.1k

点赞数 2

分类专栏： javascript🎈 文章标签：调用JavaScript函数按钮调用超链接调用

转载必须声明

本文链接：https://blog.csdn.net/Xmumu_/article/details/121460132

版权

javascript🎈 专栏收录该内容

15 篇文章 3 订阅

订阅专栏

简单的调用

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>函数的简单应用</title>
<script type="text/javascript">
	function print(statement1,statement2,statement3){
		alert(statement1+statement2+statement3);			//在页面中弹出对话框
	}
</script>
</head>
<body>
	<script type="text/javascript">
		print("第一个JavaScript函数程序 ","作者:","wsy");	//在页面中调用print（）函数
	</script>
</body>
</html>

在这里插入图片描述

在超链接中调用JavaScript函数

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>在超链接中调用JavaScript函数</title>
<script language="javascript">
	function text(){
		alert("欢迎点击我！");
	}
</script>
</head>
<body>
	<form id="form1" name="form1" method="post" action="">
		<a href="javascript:text();">点我啊！</a>
		<!-- 重点在这儿噢 -->
	</form>
</body>
</html>

在按钮事件中调用JavaScript函数

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>在按钮事件中调用JavaScript函数</title>
<script language="javascript">
	function text(){
		alert("欢迎点击我！");
	}
</script>
</head>
<body>
	<form id="form1" name="form1" method="post" action="">
	  <input type="button" name="Submit" value="普通按钮" onClick="text();" />
	</form>
</body>
</html>

我是X大魔王

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript函数调用方式：简单调用+在超链接中调用JavaScript函数+在事件中调用JavaScript函数

代码如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>在超链接中调用JavaScript函数</title><script language="javascript"> function text(){ alert("欢迎点击我！"); }</script></head
复制链接

扫一扫