define function in javascript onbuttonclick
Question
Hi How can I define a function on button click in HTML, I tried something like that:
<input type="button" value="sth" onclick="
<script type="text/javascript">
function hello()(
window.print();
var z =document.GetElementById('ogog');
z.inneHTML="hello";
<script>
">
I have to define my function here because I have code which generate me a site in which's header i can not define javascript function and I want one function on button click. this is only an example. This is the way it should look like?
7 answers
solution1
6 2011-01-31 10:22:24
You can attach a script to a button by putting a string representation of that script in the onclick handler:
<input type="button" onclick="window.alert('Hi!')">
This code will be executed when the button is clicked. In general, the script tag is used to define scripts that can be referenced elsewhere in the HTML document, while strings containing JavaScript code are used in the body of the document to actually execute that code.
solution2
4 ACCPTED 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';}">
solution3
3 2011-01-31 10:18:49
You don't have to open the script tags, you just need to write directly the code you need.
You'd better include it inside a function defined in the head section, though:
<head>
<script type="text/javascript">
function hello () { ... }
</script>
</head>
<body>
<input type="button" onclick="hello()" />
</body>
or, even better, load it from an external .js file:
<script type="text/javascript" src="scripts.js"></script>
solution4
3 2011-01-31 10:19:23
You might want to try:
<script type="text/javascript">
function hello() {
window.print();
var z =document.GetElementById('ogog');
z.inneHTML="hello";
}
</script>
<input type="button" value="sth" onclick="hello()"/>
solution5
2 2011-01-31 10:22:10
You will have to define the script tag in the same file first, also '{' for function definitions -
<script type="text/javascript">
function hello() {
window.print();
var z =document.GetElementById('ogog');
z.inneHTML="hello";
}
</script>
Then call the function with its name -
<input type="button" value="sth" onclick="hello()"/>
Check this link for more details.
solution6
0 2014-10-16 17:19:45
yyesThis code will be executed when the button is clicked. In general, the script tag is used to define scripts that can be referenced elsewhere in the HTML document, while strings containing JavaScript code are used in the body of the document to actually execute that code.
solution7
0 2019-10-21 08:01:13
You can also put code directly, as for example a jQuery call, as for example onclick="$('#confirmation_modal').modal();" to open a modal or onclick="$('#confirmation_modal').modal('toggle');" to close it.
Or also you can define a function and call it after.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.