如何在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