2011-01-31 129 views
4

您好我怎么能在HTML按一下按钮定义一个函数,我想这样的事情:定义功能onbuttonclick

<input type="button" value="sth" onclick=" 
<script type="text/javascript"> 
function hello()(
window.print(); 
var z =document.GetElementById('ogog'); 
z.inneHTML="hello"; 
<script> 
"> 

我要在这里定义我的功能,因为我有代码生成我的网站其中的 标题我无法定义JavaScript功能,我想单击按钮上的一个功能。 这只是一个例子。 这是它应该是什么样子?

+1

每个使用.innerHTML的帖子都拼错了。我修好了一个然后意识到你有所有复制粘贴相同的错误。真的应该更加小心。脚本语言通常会对很小的错误做出反应,它可能需要几天时间才能找到;-) – 2011-09-25 20:39:31

回答

2

假设你真的想定义一个新的功能可按您的onclick事件,你可以试试这个:在单击按钮时

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

您不必打开脚本标签,只需直接编写您需要的代码即可。
你最好包括它的头部部分定义的函数里面,虽然:

<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> 
+0

但是如果我这样做,它不会识别下一个生成的页面上的该功能。如果您在外部文件中定义该函数,则不会执行任何操作 – Csabi 2011-01-31 10:20:26

+0

,它将在整个网站保持不变。否则,我没有得到你的意思'承认' – Lucius 2011-01-31 10:25:07

3

你可能想尝试:

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

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

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

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

你将不得不在同一文件中第一次定义脚本的标签,也“{”为了好玩ction定义 -

<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了解更多详情。

5

您可以通过把该脚本的字符串表示在onclick处理程序附加一个脚本到按钮:单击该按钮时

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

该代码就会被执行。通常,脚本标记用于定义可以在HTML文档中的其他地方引用的脚本,而包含JavaScript代码的字符串则用于文档正文以实际执行该代码。

0

yyesThis代码会被执行。通常,脚本标记用于定义可以在HTML文档中的其他地方引用的脚本,而包含JavaScript代码的字符串则用于文档正文以实际执行该代码。