在javascript中定义函数onbuttonclick
[英]define function in javascript onbuttonclick
问题描述
嗨，如何在HTML中单击按钮时定义函数，我尝试过类似的方法：
<input type="button" value="sth" onclick="
<script type="text/javascript">
function hello()(
window.print();
var z =document.GetElementById('ogog');
z.inneHTML="hello";
<script>
">
我必须在这里定义函数，因为我有生成我网站的代码，但我无法在其中定义javascript函数的标头，并且我希望单击按钮时有一个函数。 这只是一个例子。 这应该是什么样子？
7 个解决方案
解决方案1
6 2011-01-31 10:22:24
通过将脚本的字符串表示形式放在onclick处理程序中，可以将脚本附加到按钮：
<input type="button" onclick="window.alert('Hi!')">
当单击按钮时，将执行此代码。 通常，script标签用于定义可以在HTML文档的其他位置引用的脚本，而包含JavaScript代码的字符串用于文档正文中以实际执行该代码。
解决方案2
4 已采纳 2011-01-31 10:32:31
假设您确实想在onclick事件上定义一个新功能，则可以尝试以下操作：
<input type="button" value="something" onclick="window.hello=function(){window.print();var z =document.GetElementById('ogog');z.innerHTML='hello';}">
解决方案3
3 2011-01-31 10:18:49
您不必打开脚本标签，只需直接编写所需的代码即可。
不过，最好将它包括在head部分定义的函数中：
<head>
<script type="text/javascript">
function hello () { ... }
</script>
</head>
<body>
<input type="button" onclick="hello()" />
</body>
甚至更好的是，从外部.js文件加载它：
<script type="text/javascript" src="scripts.js"></script>
解决方案4
3 2011-01-31 10:19:23
您可能要尝试：
<script type="text/javascript">
function hello() {
window.print();
var z =document.GetElementById('ogog');
z.inneHTML="hello";
}
</script>
<input type="button" value="sth" onclick="hello()"/>
解决方案5
2 2011-01-31 10:22:10
首先，您必须在同一文件中定义脚本标签，对于函数定义，还必须定义'{' -
<script type="text/javascript">
function hello() {
window.print();
var z =document.GetElementById('ogog');
z.inneHTML="hello";
}
</script>
然后使用其名称调用该函数-
<input type="button" value="sth" onclick="hello()"/>
检查此链接以获取更多详细信息。
解决方案6
0 2014-10-16 17:19:45
是的。单击按钮时将执行此代码。 通常，script标签用于定义可以在HTML文档的其他位置引用的脚本，而包含JavaScript代码的字符串用于文档正文中以实际执行该代码。
解决方案7
0 2019-10-21 08:01:13
您还可以直接放置代码，例如jQuery调用，例如onclick="$('#confirmation_modal').modal();" 打开模式或onclick="$('#confirmation_modal').modal('toggle');" 关闭它。
或者，您也可以定义一个函数，然后再调用它。
Javascript - 用变量定义函数
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.