2011-07-30 49 views
0

有人可以告訴我或告訴我如何將信息從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文件中。

幫助?

回答

1

元素的ID或名稱自動映射到document下的分層組織屬性(如document.name1.name2中),這是一個長期不推薦的做法,除非文檔觸發怪癖模式,否則不會發生這種情況。將ID添加到輸入元素,然後使用

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

改爲。

+0

所以它應該看起來像 '' 和 '函數使用getURL() { VAR站點=「HTTP: //www.example.com/query?f=「; var input = document.getElementById('input1'); var output = site + input; 返回輸出; }' 改爲?即使.js文件不是HTML文件的一部分,它將鏈接到該元素? – Liam

+0

是的,對於你的兩個問題。 –

+0

完美,按計劃工作。 – Liam