Javascript 如何在java脚本中声明div和id/class_Javascript_Html

Javascript 如何在java脚本中声明div和id/class

javascript html

Javascript 如何在java脚本中声明div和id/class,javascript,html,Javascript,Html,我在表单字段中有index.html文件，表单操作是confirm.html。在confirm.html中，我使用js显示了一些数据。但在显示我决定使用的唯一一张表时，我使用了对用户更具吸引力的菜单。每当我试图在confirm.html中声明div（data）时，它都不会显示任何数据。所以我决定使用js声明在标题顶部，我必须显示这些菜单： document.write（“”）；文件。填写（“”）；书面文件（“Fegli”）；文件。填写（“”）；写（“”）；文件。写（“主页””；文

我在表单字段中有index.html文件，表单操作是confirm.html。在confirm.html中，我使用js显示了一些数据。但在显示我决定使用的唯一一张表时，我使用了对用户更具吸引力的菜单。每当我试图在confirm.html中声明

div（data）

时，它都不会显示任何数据。所以我决定使用js声明

在标题顶部，我必须显示这些菜单：

document.write（“”）；
文件。填写（“”）；
书面文件（“Fegli”）；
文件。填写（“”）；
写（“”）；
文件。写（“主页””；
文件。写（“”）；
文件。填写（“”）；
文件。填写（“”）；
文件。填写（“”）；

Confirm.html:代码

<html>
<head>

<script type="text/javascript" src="calculate.js"> 
</script>
</head>    

<body onload="init();">
<div id="Menu">
it wont showing on web page
</div>

</body>

</html>


它不会显示在网页上

计算.js代码

// Called on body's `onload` event
var cumulative=0;
 function init() {

  var salary = parseInt(localStorage.getItem("salary"));
  var percent = parseFloat(localStorage.getItem("percent"));
  var age = parseInt(localStorage.getItem("age"));
  var rAge = parseInt(localStorage.getItem("rAge"));
  var sel = localStorage.getItem("sel");

  var roundedSalary = parseInt(Math.ceil((salary + 2000) / 1000) * 1000); //Doing Rounding for basic column Display
  var basic;
  var factor = 0;
  var biWeekly = 0, monthly = 0,annual = 0;


    //Displaying Headers
    document.write("<head>");
    document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"confirm.css\">");
    document.write("<title>Result</title>");
    document.write("</head>");
    document.write("<body>");

 /* document.write("<center>")
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth() + 1; //January is 0!
  var yyyy = today.getFullYear();

  if (dd < 10) {
   dd = '0' + dd
  }

  if (mm < 10) {
   mm = '0' + mm
  }
  today = mm + '/' + dd + '/' + yyyy;
  document.write("<h1>" + "FEGLI CALCULATIONS ON" + "&nbsp;" + today + "</h1>");
  document.write("</center>")
  */


  document.write("<table><tr><th>&nbsp;Age&nbsp;</th><th>&nbsp;Annual-Salary&nbsp;</th><th>&nbsp;BiWeekly-Premium&nbsp;</th><th>&nbsp;Monthly-Premium&nbsp;</th><th>&nbsp;Annual-Premium&nbsp;</th><th>&nbsp;Cumulative-Premium&nbsp;</th><th>Basic&nbsp;</th><th>&nbsp;Total&nbsp;</th></tr>");
  basic = parseInt(roundedSalary * calculateFactor(age));
  //document.write("roundedSalary"+roundedSalary+"calculateFactor"+calculateFactor(age));
  premium = calculateBiweekly(salary, basic, age, rAge);
  biWeekly = premium[0];
  monthly = premium[1];
  annual = premium[2];
  cumulative = premium[3];


  document.write("<tr><td>" + age + "/" + (age + 1) + "</td><td>" + "$" + salary.toFixed(2) + "</td><td>" + "$" + biWeekly.toFixed(2) + "</td><td>" + "$" + monthly.toFixed(2) + "</td><td>" + "$" + annual.toFixed(2) + "</td><td>" + "$" + cumulative.toFixed(2) + "</td><td>" + "$" + basic + "</td><td>-</td></tr>");

  salary = parseFloat(salary);

  for (var i = age + 1; i < 101; i++) {
   document.write("<tr>");
   document.write("<td>" + i + "/" + (i + 1) + "</td>");

   if (i < rAge) {

    salary = salary + (salary * percent);

    roundedSalary = parseInt(Math.ceil((salary + 2000) / 1000) * 1000);
    //          document.write("age"+i+"roundedSalary"+roundedSalary+"<br>");
    document.write("<td>" + "$" + salary.toFixed(2) + "</td>");
   } else {
    salary = 0;
    document.write("<td>-</td>");
   }



   basic = parseInt(roundedSalary * calculateFactor(i));

   premium = calculateBiweekly(salary, basic, i);
   biWeekly = premium[0];
   monthly = premium[1];
   annual = premium[2];
   cumulative = premium[3];

   document.write("<td>" + "$" + biWeekly.toFixed(2) + "</td>");
   document.write("<td>" + "$" + monthly.toFixed(2) + "</td>");
   document.write("<td>" + "$" + annual.toFixed(2) + "</td>");
   document.write("<td>" + "$" + cumulative.toFixed(2) + "</td>");

   document.write("<td>" + "$" + basic + "</td>");
   document.write("<td>-</td>");
   document.write("</tr>");
 }
  document.write("</table>");
  document.write("</body>")
 }

 function calculateFactor(age) {
  var factor = 0;
  if (age > 35 && age < 45) {


   switch (age) {


    case 36:
     factor = 1.9;
     break;

    case 37:
     factor = 1.8;
     break;

    case 38:
     factor = 1.7;
     break;

    case 39:
     factor = 1.6;
     break;

    case 40:
     factor = 1.5;
     break;

    case 41:
     factor = 1.4;
     break;

    case 42:
     factor = 1.3;
     break;

    case 43:
     factor = 1.2;
     break;

    case 44:
     factor = 1.1;
     break;


   }
  } else if (age <= 35) {
   factor = 2;
  } else if (age >= 45) {
   factor = 1;
  }

  return factor;
 }

 function calculateBiweekly(salary, basic, age) {
  var biWeekly = 0;

  if (salary > 0) {

   biWeekly = ((basic / calculateFactor(age)) * 0.15) / 1000;
   monthly = ((basic / calculateFactor(age)) * 0.325) / 1000;



  } else if (salary == 0 && age <= 65) {



   biWeekly = ((basic / calculateFactor(age)) * (2.455 / 2.166)) / 1000;
   monthly = ((basic / calculateFactor(age)) * (2.455)) / 1000;


  } else if (salary == 0 && age > 65) {

   //document.write("age"+age+"salary"+salary+"<br>");
   biWeekly = ((basic / calculateFactor(age)) * (2.13 / 2.166)) / 1000;
   monthly = ((basic / calculateFactor(age)) * (2.13)) / 1000;


  }
   annual = 12 * monthly;
cumulative = cumulative+annual;
  //document.write("cumulative"+cumulative+"<br>");

  return [biWeekly, monthly, annual, cumulative];
 }// Called on body's `onload` event

//在body的'onload'事件中调用
var累积=0；
函数init（）{
var salary=parseInt（localStorage.getItem（“salary”）；
var percent=parseFloat（localStorage.getItem（“percent”）；
var age=parseInt（localStorage.getItem（“age”）；
var rAge=parseInt（localStorage.getItem（“rAge”）；
var sel=localStorage.getItem（“sel”）；
var roundedSalary=parseInt（Math.ceil（（salary+2000）/1000）*1000）；//对基本列显示进行舍入
var basic；
var系数=0；
var双周=0，月=0，年=0；
//显示标题
文件。填写（“”）；
文件。填写（“”）；
文件。填写（“结果”）；
文件。填写（“”）；
文件。填写（“”）；
/*文件。写（“”）
var today=新日期（）；
var dd=today.getDate（）；
var mm=today.getMonth（）+1；//一月是0！
var yyyy=today.getFullYear（）；
如果（dd<10）{
dd='0'+dd
}
如果（毫米<10）{
毫米='0'+毫米
}
今天=mm+'/'+dd+'/'+yyyy；
写（“+”费格利在“+”+今天+”上的计算）；
文件。写（“”）
*/
文件。填写（“年龄年薪双周保费月度保费年度保费累计保费基本总额”）；
basic=parseInt（四舍五入工资*计算系数（年龄））；
//文件。填写（“四舍五入工资”+四舍五入工资+“计算系数”+计算系数（年龄））；
溢价=每周（工资、基本工资、年龄、愤怒）；
每两周=溢价[0]；
每月=保费[1]；
年度=保费[2]；
累计=保费[3]；
文档。写（“+age+”/“+（age+1）+”+“$”+工资。固定工资（2）+”+“$”+双周。固定工资（2）+”+“$”+每月。固定工资（2）+”+“$”+年度。固定工资（2）+“+”+累积工资。固定工资（2）+“$”+基本工资+”；
工资=浮动（工资）；
对于（变量i=年龄+1；i<101；i++）{
文件。填写（“”）；
写（“+i+”/“+（i+1）+”）；
如果（我<愤怒）{
工资=工资+（工资*百分比）；
roundedSalary=parseInt（Math.ceil（（salary+2000）/1000）*1000）；
//文件。填写（“年龄”+i+“轮薪”+轮薪+”
”；
document.write（“+”$“+salary.toFixed（2）+”）；
}否则{
工资=0；
文件。填写（“-”）；
}
basic=parseInt（四舍五入工资*计算系数（i））；
溢价=每周（工资、基本工资、i）；
每两周=溢价[0]；
每月=保费[1]；
年度=保费[2]；
累计=保费[3]；
document.write（“+”$“+每两周一次.toFixed（2）+”）；
document.write（“+”$“+每月.toFixed（2）+”）；
document.write（“+”$“+年度.toFixed（2）+”）；
document.write（“+”$“+累计.toFixed（2）+”）；
document.write（“+”$“+basic+”）；
文件。填写（“-”）；
文件。填写（“”）；
}
文件。填写（“”）；
文件。写（“”）
}
函数计算因子（年龄）{
var系数=0；
如果（年龄>35岁和年龄<45岁）{
开关（年龄）{
案例36：
系数=1.9；
打破
案例37：
系数=1.8；
打破
案例38：
系数=1.7；
打破
案例39：
系数=1.6；
打破
案例40：
系数=1.5；
打破
案例41：
系数=1.4；
打破
案例42：
系数=1.3；
打破
案例43：
系数=1.2；
打破
案例44：
系数=1.1；
打破
}
}否则，如果（年龄=45岁）{
系数=1；
}
回报系数；
}
每周职能（工资、基本工资、年龄）{
var双周=0；
如果（工资>0）{
每两周=（（基本/计算因子（年龄））*0.15）/1000；
每月=（（基本/计算因子（年龄））*0.325）/1000；
}其他条件（工资==0岁和65岁）{
//文件。填写（“年龄”+年龄+“工资”+工资+”
”；
每两周=（（基本/计算因子（年龄））*（2.13/2.166））/1000；
每月=（（基本/计算因子（年龄））*（2.13））/1000；
}
年=12*月；
累计=累计+年度；
//文件。写入（“累计”+累计+”
”；
回报[每两周、每月、每年、累计]；
}//在body的“onload”事件中调用

我不建议使用

document.write（）

在DOM中创建元素

您需要使用

document.createElement（）

函数来使用javascript创建新元素

功能添加菜单（）{
var html=''；
html+=''；
html+='Fegli'；
html+=''；
html+='主页'；
html+=''；
html+=''；
html+=''；
document.getElementById（“菜单”）.innerHTML=html；
}
添加菜单（）
请重组您的代码好吗？不太清楚为什么使用document.write？
// Called on body's `onload` event
var cumulative=0;
 function init() {

  var salary = parseInt(localStorage.getItem("salary"));
  var percent = parseFloat(localStorage.getItem("percent"));
  var age = parseInt(localStorage.getItem("age"));
  var rAge = parseInt(localStorage.getItem("rAge"));
  var sel = localStorage.getItem("sel");

  var roundedSalary = parseInt(Math.ceil((salary + 2000) / 1000) * 1000); //Doing Rounding for basic column Display
  var basic;
  var factor = 0;
  var biWeekly = 0, monthly = 0,annual = 0;


    //Displaying Headers
    document.write("<head>");
    document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"confirm.css\">");
    document.write("<title>Result</title>");
    document.write("</head>");
    document.write("<body>");

 /* document.write("<center>")
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth() + 1; //January is 0!
  var yyyy = today.getFullYear();

  if (dd < 10) {
   dd = '0' + dd
  }

  if (mm < 10) {
   mm = '0' + mm
  }
  today = mm + '/' + dd + '/' + yyyy;
  document.write("<h1>" + "FEGLI CALCULATIONS ON" + "&nbsp;" + today + "</h1>");
  document.write("</center>")
  */


  document.write("<table><tr><th>&nbsp;Age&nbsp;</th><th>&nbsp;Annual-Salary&nbsp;</th><th>&nbsp;BiWeekly-Premium&nbsp;</th><th>&nbsp;Monthly-Premium&nbsp;</th><th>&nbsp;Annual-Premium&nbsp;</th><th>&nbsp;Cumulative-Premium&nbsp;</th><th>Basic&nbsp;</th><th>&nbsp;Total&nbsp;</th></tr>");
  basic = parseInt(roundedSalary * calculateFactor(age));
  //document.write("roundedSalary"+roundedSalary+"calculateFactor"+calculateFactor(age));
  premium = calculateBiweekly(salary, basic, age, rAge);
  biWeekly = premium[0];
  monthly = premium[1];
  annual = premium[2];
  cumulative = premium[3];


  document.write("<tr><td>" + age + "/" + (age + 1) + "</td><td>" + "$" + salary.toFixed(2) + "</td><td>" + "$" + biWeekly.toFixed(2) + "</td><td>" + "$" + monthly.toFixed(2) + "</td><td>" + "$" + annual.toFixed(2) + "</td><td>" + "$" + cumulative.toFixed(2) + "</td><td>" + "$" + basic + "</td><td>-</td></tr>");

  salary = parseFloat(salary);

  for (var i = age + 1; i < 101; i++) {
   document.write("<tr>");
   document.write("<td>" + i + "/" + (i + 1) + "</td>");

   if (i < rAge) {

    salary = salary + (salary * percent);

    roundedSalary = parseInt(Math.ceil((salary + 2000) / 1000) * 1000);
    //          document.write("age"+i+"roundedSalary"+roundedSalary+"<br>");
    document.write("<td>" + "$" + salary.toFixed(2) + "</td>");
   } else {
    salary = 0;
    document.write("<td>-</td>");
   }



   basic = parseInt(roundedSalary * calculateFactor(i));

   premium = calculateBiweekly(salary, basic, i);
   biWeekly = premium[0];
   monthly = premium[1];
   annual = premium[2];
   cumulative = premium[3];

   document.write("<td>" + "$" + biWeekly.toFixed(2) + "</td>");
   document.write("<td>" + "$" + monthly.toFixed(2) + "</td>");
   document.write("<td>" + "$" + annual.toFixed(2) + "</td>");
   document.write("<td>" + "$" + cumulative.toFixed(2) + "</td>");

   document.write("<td>" + "$" + basic + "</td>");
   document.write("<td>-</td>");
   document.write("</tr>");
 }
  document.write("</table>");
  document.write("</body>")
 }

 function calculateFactor(age) {
  var factor = 0;
  if (age > 35 && age < 45) {


   switch (age) {


    case 36:
     factor = 1.9;
     break;

    case 37:
     factor = 1.8;
     break;

    case 38:
     factor = 1.7;
     break;

    case 39:
     factor = 1.6;
     break;

    case 40:
     factor = 1.5;
     break;

    case 41:
     factor = 1.4;
     break;

    case 42:
     factor = 1.3;
     break;

    case 43:
     factor = 1.2;
     break;

    case 44:
     factor = 1.1;
     break;


   }
  } else if (age <= 35) {
   factor = 2;
  } else if (age >= 45) {
   factor = 1;
  }

  return factor;
 }

 function calculateBiweekly(salary, basic, age) {
  var biWeekly = 0;

  if (salary > 0) {

   biWeekly = ((basic / calculateFactor(age)) * 0.15) / 1000;
   monthly = ((basic / calculateFactor(age)) * 0.325) / 1000;



  } else if (salary == 0 && age <= 65) {



   biWeekly = ((basic / calculateFactor(age)) * (2.455 / 2.166)) / 1000;
   monthly = ((basic / calculateFactor(age)) * (2.455)) / 1000;


  } else if (salary == 0 && age > 65) {

   //document.write("age"+age+"salary"+salary+"<br>");
   biWeekly = ((basic / calculateFactor(age)) * (2.13 / 2.166)) / 1000;
   monthly = ((basic / calculateFactor(age)) * (2.13)) / 1000;


  }
   annual = 12 * monthly;
cumulative = cumulative+annual;
  //document.write("cumulative"+cumulative+"<br>");

  return [biWeekly, monthly, annual, cumulative];
 }// Called on body's `onload` event