나는 html 단추를 사용하여 JavaScript 함수를 호출할 수 있다.
<input type="button" value="Capacity Chart" onclick="CapacityChart();">
다음은 http://projectpath.ideapeoplesite.com/bendel/toolscalculators.html 클릭 대용량형 탭에 링크 왼쪽 아래 부분. 할 경우 경고를 하며 발령합니다 버튼을 만들어 입력하면 값을 차트입니다 값이 바뀌지 않습니다.
몇 가지 방법이 이벤트와의 처리할 수 있는 HTML / DOM. # 39, 여러 가지 방법을 사용할 수 있지만 실제 there& 옳고 각 상황에 게 전혀 없다.
1: # 39 의 정의점에 there& 해당 HTML:
<input id="clickMe" type="button" value="clickme" onclick="doFunction();" />
2: # 39 에 추가할 경우 there& DOM 부동산 취득 Javascript:
//- Using a function pointer:
document.getElementById("clickMe").onclick = doFunction;
//- Using an anonymous function:
document.getElementById("clickMe").onclick = function () { alert('hello!'); };
3: # 39 의 이벤트 후 및 there& 처리기에서 함수를 사용하여 Javascript:
var el = document.getElementById("clickMe");
if (el.addEventListener)
el.addEventListener("click", doFunction, false);
else if (el.attachEvent)
el.attachEvent('onclick', doFunction);
두 번째와 세 번째, 두 방법 모두 인라인 / 익명 함수) 를 사용할 경우 그동안 문서를 분석할 요소 뒤에 선언해야 합니다. 첫 번째 방법은 isn& # 39, t, t # 39 에서 온 클릭 속성 때문에 유효한 XHTML isn& XHTML 사양명세.
제 1, 2, 1 개 (2) 이 방법을 사용하여 상호 배타적인 마무리라뇨 덮어씁니다 기타 (1). The 3rd 메서드로부터 첨부하려면 있게 많은 기능을 원하는 대로 경우에도 같은 이벤트 핸들러가 1 또는 2 방법을 사용한 적이 없다.
어디선가 카파시하르트 너회의 ' ()' 기능을 대부분, 어떤 일이 벌어질까. 네 링크 및 운영에 카파시하르트 () 함수가 실행 스크립트를 방문한 뒤, 이 두 팝업 열려 (하나는 단힌 따라 스크립트입니다). 다음 줄을 매우 유용합니다.
CapacityWindow.document.write(s);
다음 시도하시겠습니까 대신:
CapacityWindow.document.open("text/html");
CapacityWindow.document.write(s);
CapacityWindow.document.close();
내가 이렇게 말할 수 있는 un 강요하는 javascript 를 추가하는 것이 낫다고 한다.
jquery 를 사용할 경우 다음과 같은 항목을 할 수 있는
<script>
$(document).ready(function(){
$('#MyButton').click(function(){
CapacityChart();
});
});
</script>
<input type="button" value="Capacity Chart" id="MyButton" >
Html 과 the way you look 에서 버튼를 security. 함수은 네 맞습니다.
문제는 '카파시카운트' 기능이 있는 것으로 보인다. # 39, 파이어폭스 3.5 m 이 오류가 점점 내 콘솔에서 i&. 는 undefined" 도쿠먼트리올 "; on line 의 벤델코피이스트 759
편집:
모양을 하고 있다 '는' 도쿠먼트리올 ie 만 비표준 길을 액세스하면 dom. 아마 이 사용하는 경우 () ',' 도쿠망스게테레멘트베이드 작동합니까. 예: '' 대신 '' 도쿠망.all.카파시그뤼니츠.발루 이바루이 도쿠망스게테레멘트베이드 (RUnits" ";)
나는 지능형의 함수 호출 백킹을 버튼를 코드:
<br>
<p id="demo"></p><h2>Intelligent Button:</h2><i>Note: Try pressing a key after clicking.</i><br>
<button id="button" shiftKey="getElementById('button').innerHTML=('You're pressing shift, aren't you?')" onscroll="getElementById('button').innerHTML=('Don't Leave me!')" onkeydown="getElementById('button').innerHTML=('Why are you pressing keys?')" onmouseout="getElementById('button').innerHTML=('Whatever, it is gone.. maybe')" onmouseover="getElementById('button').innerHTML=('Something Is Hovering Over Me.. again')" onclick="getElementById('button').innerHTML=('I was clicked, I think')">Ahhhh</button>
if(navigator.appName == 'Netscape')
{
vesdiameter = document.forms['Volume'].elements['VesDiameter'].value;
// more stuff snipped
}
else
{
vesdiameter = eval(document.all.Volume.VesDiameter.value);
// more stuff snipped
}
이 버전은 넷스케이프 브라우저 오른쪽 '코드 진단트리로 지사급 노력해야 할 수 있는' 에서 2 1996년 넷스케이프 내비게이터, 그래서 당신은 아마 그냥 그대로 다시 치중한다는 iqn. # 39 점을 제외하고는, t 작동합니까 won& (또는 isn& # 39, 작동합니까 보장할 수 없다), "이름" 속성을 지정할 수 있기 때문에 haven& t # 39 의 '요소' 입력입니다 won& form& 추가할 수 있도록 # 39, t, s 연구학자들은 어레이입니다 # 39 로 명명된 요소:
<input type="text" id="VesDiameter" value="0" size="10" onKeyUp="CalcVolume();">
주고 인컨텍스트 이름을 사용할 것을 연구학자들은 어레이로써, 또는 (우수) 사용
var vesdiameter = document.getElementById("VesDiameter").value;
작업할 수 있는 모든 최신 브라우저 - 아니 분기 필요하다. 그냥 있는 대체할 수 있는 안전 측면에 대한 스니핑 있지만브라우저에 버전 보다 크거나 같은 확인할지 게테르망베이드 함께 '4' 지원:
if (document.getElementById) { // NB: no brackets; we're testing for existence of the method, not executing it
// do stuff...
}
뿐만 아니라 사용자 입력을 검증하기 위해 좋습니다. 같은 일이
var vesdiameter = parseFloat(document.getElementById("VesDiameter").value);
if (isNaN(vesdiameter)) {
alert("Diameter should be numeric");
return;
}
보호하리요.