Javascript 如何从外部js文件引用id_Javascript_Html_Css

Javascript 如何从外部js文件引用id

javascript html css

Javascript 如何从外部js文件引用id,javascript,html,css,Javascript,Html,Css,这是一个后续问题。我终于能够让提示循环在js函数中工作。但是我想让它显示返回主html的答案（变量）。我为列表创建了一个容器，然后创建了ID，以便使用 document.getElementById('emp'+loopct).innerHTML=inName; 在浏览器中显示项目。但“document”似乎并没有引用html文档（我注意到浏览器的背景是灰色的）。我将包括html，然后是外部脚本提前谢谢 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM

这是一个后续问题。我终于能够让提示循环在js函数中工作。但是我想让它显示返回主html的答案（变量）。我为列表创建了一个容器，然后创建了

ID，以便使用

document.getElementById('emp'+loopct).innerHTML=inName;

在浏览器中显示项目。但“document”似乎并没有引用html文档（我注意到浏览器的背景是灰色的）。我将包括html，然后是外部脚本

提前谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/payroll.css" />

<title>Payroll System</title>


<script type="text/javascript" >
var emps = new Array();
</script>   
</head>
<body>
<h1>Jackson Payroll System</h1>

<button type="button" onclick="inputEmp()">Click here to enter employees</button>

<div class="empContainer">
<p id=emp0> </p>
<p id=emp1> </p>
<p id=emp2> </p>
<p id=emp3> </p>
<p id=emp4> </p>
<p id=emp5> </p>
<p id=emp6> </p>
<p id=emp7> </p>
<p id=emp8> </p>
<p id=emp9> </p>
<p id=emp10> </p>
<p id=emp11> </p>
<p id=emp12> </p>
<p id=emp13> </p>
<p id=emp14> </p>
<p id=emp15> </p>
<p id=emp16> </p>
<p id=emp17> </p>
<p id=emp18> </p>
<p id=emp19> </p>
<p id=emp20> </p>
</div>
<script type="text/javascript" src="scripts/payroll.js"></script> 

</body>
</html>


function inputEmp() {
var inName = "";
var loopCt = 0
var tArray = new Array();

while (inName != "-1") 
{
    inName = prompt("Please enter your name (enter -1 to finish)","Employee Name");
if (inName == "-1")  { break; }
if (inName==null || inName=="")
    {
    alert("Blank names are not allowed.  To exit enter '-1'.");
    } 
else
    tArray[loopCt++] = inName;
    document.getElementById('emp'+loopct).innerHTML=inName;
{

}
}
return tArray;
}


工资系统
var emps=新数组（）；
杰克逊工资系统
单击此处输入员工





















函数inputEmp（）{
var inName=“”；
var loopCt=0
var tArray=新数组（）；
而（在名称中！=“-1”）
{
inName=prompt（“请输入您的姓名（输入-1以完成）”，“员工姓名”）；
如果（inName==“-1”）{break；}
如果（inName==null | | inName==“”）
{
警报（“不允许空白名称。要退出，请输入'-1'。”）；
} 
其他的
tArray[loopCt++]=inName；
document.getElementById（'emp'+loopct）.innerHTML=inName；
{
}
}
返回焦油；
}

在这行中：

document.getElementById('emp'+loopct).innerHTML=inName;

您已经使用了变量

loopct

，但是您的循环计数器实际上被称为

loopct

。大小写在Javascript中很重要。

您的脚本不在

标记中

您的变量在此行中称为

loopCt

而不是

loopCt

：

document.getElementById('emp'+loopct).innerHTML=inName;


document.getElementById（'emp'+loopct）.innerHTML=inName；

loopct

需要是

loopct

，因为JavaScript变量是区分大小写的。

在else代码应该在的地方有一个空的

{}

块。“但是似乎“document”没有引用html文档（我注意到浏览器在后台变暗）。”-你到底在说什么？哇，新手犯的错误。我讨厌那个愚蠢的人。这就解决了问题。谢谢顺便问一下，我如何在评论中输入输入。每次我尝试它都会关闭评论。我不喜欢段落之间的间隔。我更愿意使用
但我无法在上面添加ID？有办法解决这个问题吗？或者更好的方法？我指的是：

@jjac68我认为你不能在注释中插入换行符。