2011-06-20 14 views
7

在下面的代碼我怎樣才能正確地插入體內的功能initialize()定義在該領域Name瓦爾testName如何在HTML正文使用在腳本中定義的頭部變

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
<script type="text/javascript"> 

function intialize() 
{ 
    var testName="John"; 
} 
</script> 
</head> 

<body onload="intialize()"> 
<input id="Name" type="textbox" value=testName> 
</body> 
</html> 

回答

11

您可以使用文檔準備:

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
<script type="text/javascript"> 

$(function(){ 
     $('#Name').val('testName'); 
}); 

</script> 
</head> 

<body> 
<input id="Name" type="textbox" value=""/> 
</body> 
</html> 

使用的ID,姓名,一旦文檔準備好將值設置爲「測試名稱」。

1

你有jQuery可用所以使用它。不要使用舊版本比1.6.1雖然..

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> 
<script type="text/javascript"> 
var testName="John"; 
$(document).ready(function() { 
    $('#Name').val(testName); 
}); 
</script> 
</head> 

<body> 
<input id="Name" type="text"> 
</body> 
</html> 
+0

爲什麼不使用1.6.1以前的版本?有沒有辦法自動使用最新的可用版本,而無需每隔一段時間就讀取一次代碼以更新版本?你的建議是沒有文件準備好使用的,所以我可以跳過它還是必須的? – Ash

2

嘗試宣告它的功能

<script type="text/javascript"> 
var testName; 
function intialize() 
{ 
    testName="John"; 
} 
</script> 

之外,但它會成爲一個全局變量。

+0

我不熟悉Jquery.Hope這個正常的JS解決方案可能會有所幫助。 – xyz

+0

這並不回答這個問題,這個變量的值如何應用於HTML中的輸入字段?移動變量聲明根本沒有幫助。 – nnnnnn

4

好吧,如果你使用jQuery,你可能只是在功能上包括此:

$("#Name").val(testval); 

您可能必須把腳本中的$(document)。就緒()雖然。

+0

對於jQuery,通常使用'$(document).ready()'而不是使用'onload'事件,但是將你的建議jQuery代碼直接放在OP的'initialise()'函數中(稱爲'onload' )也應該工作。 – nnnnnn

2

這個。這很容易,你不必擔心這個jQuery混亂。

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
<script type="text/javascript"> 

function intialize() 
{ 
    var testName="John"; 
    document.getElementById("Name").value = testname; 
} 
</script> 
</head> 

<body onload="intialize()"> 
<input id="Name" type="textbox"> 
</body> 
</html> 
相關問題