HTML 파일과 링크 된 .js 파일간에 DOM을 사용하여 정보 전달.

누군가가 HTML 페이지의 정보를 링크 된 .js 파일로 전달하는 방법을 알려주거나 표시 할 수 있습니까?HTML 파일과 링크 된 .js 파일간에 DOM을 사용하여 정보 전달.

<head> 
<script type="text/javascript" src="../javascripts/script.js"></script> 
</head> 

<form name="form1"> 
    <input type="text" name="input1" value autofocus="on"> 
    <button onClick= "chrome.tabs.create({url: getURL()});">Go</button> 
</form>

이것은 내가 완료 할 양식의 일부가 기존의 URL과 함께 촬영 한 입력 값, 그리고 새 탭

function getURL() 
{ 
    var site = "http://www.example.com/query?f="; 
    var input = document.form1.input1.value 
    var output = site + input; 
    return output; 
}

이를 오픈 최종 결과입니다 내가 사용할 함수이지만 입력 변수를 input1 형식 값에 연결하는 방법을 알지 못하거나 모를 수 없습니다. .js 파일은 실제 HTML 파일 내부가 아니라 링크되어 있습니다.

도움 말?

출처

2011-07-30 Liam

document의 계층 적 구성 속성 (예 : document.name1.name2) 아래에 자동으로 매핑되는 ID 또는 이름을 가진 요소는 오랫동안 권장되지 않는 방식이며 문서에서 단점 모드를 트리거하지 않으면 발생하지 않습니다. 입력 요소에 ID를 추가 한 다음 대신

var input = document.getElementById('input_id_goes_here').value;

을 사용하십시오.

출처

2011-07-30 09:29:34

은 그래서' 및 '기능의 getURL() { VAR 사이트 = "HTTP <"에 "= 입력 유형 ="텍스트 "ID ="입력 1 "값 자동 초점> '과 같아야합니다 : //www.example.com/query?f= "; var input = document.getElementById ('input1'); var output = site + input; 리턴 출력; } ' 대신에? .js 파일이 HTML 파일의 일부가 아니더라도 그 요소에 링크됩니다. – Liam

네, 두 가지 질문에 답하십시오. –

완벽하고 계획대로 작동합니다. – Liam

HTML 파일과 링크 된 .js 파일간에 DOM을 사용하여 정보 전달.

답변

관련 문제