簡體   English   中英

在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函數的標頭,並且我希望單擊按鈕時有一個函數。 這只是一個例子。 這應該是什么樣子?

通過將腳本的字符串表示形式放在onclick處理程序中,可以將腳本附加到按鈕:

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

當單擊按鈕時,將執行此代碼。 通常,script標簽用於定義可以在HTML文檔的其他位置引用的腳本,而包含JavaScript代碼的字符串用於文檔正文中以實際執行該代碼。

假設您確實想在onc​​lick事件上定義一個新功能,則可以嘗試以下操作:

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

您不必打開腳本標簽,只需直接編寫所需的代碼即可。
不過,最好將它包括在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>

您可能要嘗試:

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

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

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

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

首先,您必須在同一文件中定義腳本標簽,對於函數定義,還必須定義'{' -

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

然后使用其名稱調用該函數-

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

檢查此鏈接以獲取更多詳細信息。

是的。單擊按鈕時將執行此代碼。 通常,script標簽用於定義可以在HTML文檔的其他位置引用的腳本,而包含JavaScript代碼的字符串用於文檔正文中以實際執行該代碼。

您還可以直接放置代碼,例如jQuery調用,例如onclick="$('#confirmation_modal').modal();" 打開模式或onclick="$('#confirmation_modal').modal('toggle');" 關閉它。

或者,您也可以定義一個函數,然后再調用它。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM