Question

您好我如何在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函数，我想要一个按钮单击功能。这只是一个例子。这应该是什么样的？

Answer 1

您可以通过将该脚本的字符串表示形式放在onclick处理程序中来将脚本附加到按钮：

<input type="button" onclick="window.alert('Hi!')">

单击按钮时将执行此代码。通常，脚本标记用于定义可在HTML文档中的其他位置引用的脚本，而包含JavaScript代码的字符串则在文档正文中用于实际执行该代码。

Answer 2

假设你真的想在你的onclick事件上定义一个新功能，你可以试试这个：

<input type="button" value="something" onclick="window.hello=function(){window.print();var z =document.GetElementById('ogog');z.innerHTML='hello';}">

Answer 3

您无需打开脚本标记，只需直接编写所需的代码即可但最好将它包含在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>

Answer 4

您可能想尝试：

<script type="text/javascript">
    function hello() {
        window.print();

        var z =document.GetElementById('ogog');

        z.inneHTML="hello";
    }
</script>

<input type="button" value="sth" onclick="hello()"/>

Answer 5

您必须首先在同一个文件中定义脚本标记，同样'{'用于函数定义 -

<script type="text/javascript">
function hello() {
window.print();
var z =document.GetElementById('ogog');
z.inneHTML="hello";
}
</script>

然后使用其名称 -

调用该函数

<input type="button" value="sth" onclick="hello()"/>

查看此link了解详情。

Answer 6

您还可以直接放置代码，例如jQuery调用，例如onclick="$('#confirmation_modal').modal();"打开模式或onclick="$('#confirmation_modal').modal('toggle');"关闭它。

或者您也可以定义一个函数，然后再调用它。

Answer 7

yyes单击按钮时将执行此代码。通常，脚本标记用于定义可在HTML文档中的其他位置引用的脚本，而包含JavaScript代码的字符串则在文档正文中用于实际执行该代码。

在javascript onbuttonclick中定义函数

7 个答案: