如何在html主體中使用在腳本的開頭部分定義的變量

Question

在下面的代碼中，我如何正確在主體的字段Name中插入在函數initialize()中定義的val testName ？

<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>

Answer 1

您可以使用准備好的文檔：

<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，Name並將值設置為“ testName”。

Answer 2

好吧，如果您使用的是jQuery，則可以將其包含在函數中：

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

不過，您可能必須將腳本放入$（document）.ready（）中。

Answer 3

嘗試在函數外聲明它

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

但是它將成為一個全局變量。

Answer 4

這個。 這很容易，而且您不必擔心這種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>

Answer 5

您有可用的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>

如何在html主體中使用在腳本的開頭部分定義的變量

問題描述

5 個解決方案

解決方案1
11 已采納 2011-06-20 06:18:10

解決方案2
4 2011-06-20 06:17:44

解決方案3
2 2011-06-20 06:17:44

解決方案4
2 2011-06-20 06:27:13

解決方案5
1 2011-06-20 06:17:04

如何在html主體中使用在腳本的開頭部分定義的變量

問題描述

5 個解決方案

解決方案1 11 已采納 2011-06-20 06:18:10

解決方案2 4 2011-06-20 06:17:44

解決方案3 2 2011-06-20 06:17:44

解決方案4 2 2011-06-20 06:27:13

解決方案5 1 2011-06-20 06:17:04

解決方案1
11 已采納 2011-06-20 06:18:10

解決方案2
4 2011-06-20 06:17:44

解決方案3
2 2011-06-20 06:17:44

解決方案4
2 2011-06-20 06:27:13

解決方案5
1 2011-06-20 06:17:04