Javascript 加载页面后，如何将值加载到输入文本字段中？

现在我正在尝试以下代码，但在页面加载时，我的任何输入文本框中都不会显示任何内容

HTML:

Javascript:

function test() {
    var value = "test|some|thing";
    var valueArray = value.split("|");
    for (var lineNumber=0; lineNumber < valueArray.size(); lineNumber++) 
    {
        line = "line" + lineNumber;
        document.getElementById(line).value = valueArray[lineNumber];
    }
}

功能测试（）{
var value=“测试一些东西”；
var valueArray=value.split（“|”）；
对于（var lineNumber=0；lineNumber

JFiddle：

在我的实际代码中，我将从函数外部引入一个值，但这并不重要。现在我只是在使用测试值

值

---

我看了几个不同的线程，但似乎都集中在

onclick

上，而不是

onload

更新了你的小提琴，下面是代码

(function(){ //This replaces the onload by executing the code within this annonymous function once the page loads.
var value = "test|some|thing";  //No edits here
var lineNumber = 0; //No edits here
var valueArray = value.split("|");
for (lineNumber=0; lineNumber < valueArray.length; lineNumber++) { //using .length instead of size and initialized lineNumber again, mostly because I like to keep my initialization in the loop, personal preference.
    var lineid = "line" + lineNumber; // It was missing "var", changed the variable name too
    var currentLine = valueArray[lineNumber];  //same deal
    var inputElem=document.getElementById(lineid); //I get the element before accessing the value property, again, preference mostly
    inputElem.value = currentLine; //same code.
} //End of for loop
})(); //end of the annonymous function

（function（）{//一旦页面加载，它将通过执行此annonymous函数中的代码来替换onload。
var value=“test | some | thing”//此处无编辑
var lineNumber=0；//此处无编辑
var valueArray=value.split（“|”）；
对于（lineNumber=0；lineNumber

您使用了错误的属性来获取数组的大小。用户.length而不是.size（）

例如：

功能测试（）{
var value=“测试一些东西”；
var valueArray=value.split（“|”）；
对于（变量lineNumber=0；lineNumber

您的小提琴有两个问题。首先，您应该使用

length

而不是

size（）

来获取数组的长度（我认为Javascript数组没有内置的size方法）：

为此：

window.test = function() {

document.onreadystatechange=函数（）
{
Javascript代码在这里
}

或

window.onload=函数（）
{
Javascript代码在这里
}

它是数组中对象数的.length

/*Javascript*/

function test(){
    var testVal = "test|some|thing";
    testValArr = testVal.split('|');

    for (i = 0; i < testValArr.length; i++) { 

     document.getElementById('line' + i).value = testValArr[i];
  }
}

/*Javascript*/
功能测试（）{
var testVal=“test | some | thing”；
testValArr=testVal.split（“|”）；
对于（i=0；i

答案就在这里：您的html标记不可靠，输入元素和br是自动关闭的。这解决了问题，但我同意filoxo，简短的解释将非常有用！

for (lineNumber=0; lineNumber < valueArray.length; lineNumber++) {

function test() {

window.test = function() {

<script>
document.onreadystatechange = function() 
{
    Javascript code goes here
}
</script>

<script>
window.onload = function()
{
    Javascript code goes here
}
</script>

/*Javascript*/

function test(){
    var testVal = "test|some|thing";
    testValArr = testVal.split('|');

    for (i = 0; i < testValArr.length; i++) { 

     document.getElementById('line' + i).value = testValArr[i];
  }
}