Javascript：獲取在.html中創建的「FORM」屬性的值到外部.js文件

Question

我已經寫了小型html代碼，其中javascript/jquery插入到代碼中。這種方法工作正常。

現在我想把這個文件分割成「.html」&「.js」。我想將所有javascript/jquery編碼部分分離爲「.js」

但是我在這裏遇到的問題是我無法讀取任何已創建字段的值（在「.js」中）在名 「.html」

例

的test.html：

<form name="attachlaunchform" id="attachlaunchform" class="form"> 
<input type="text" name="serial_number" id="serial_number" maxlength="16"> 

test.js：

serial_num=document.attachlaunchform.serial_number.value 

我也包含了我的外部js文件的源代碼。

但是，如果我把所有這些在test.html中的單個文件，它的作品。我的查詢是如何獲得文本框或任何其他價值的.js？

Answer 1

讓聲言如下─

假設你已經在你的HTML文件中的事件的喜歡 -

$('element1').click(function(){}); 

$('element2').keydown(function(){}); 

$('element1').bind('click mouseover',function(){}); 

function initFunction(){ 
     //something 
    } 

$(document).ready(function(){ 
initFunction(); 
}); 

號您可以通過一個外部.js文件分開吧（你已經嘗試此）

將此文件標準化爲擴展名，而不僅僅是外部源。

現在.js文件 -

(function($){ 

function events(){ 

    $('element1').click(function(){}); 

    $('element2').keydown(function(){}); 

    $('element1').bind('click mouseover',function(){}); 

    } 

function initFunction(){ 
      //something 
     } 

    $(window).on('load',function(){ 
     events(); 
     initFunction(); 
    }); 

}); 

分離上述所有功能，然後只需在HTML文件中使用此文件。