<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
document.title="个税计算器";
//写头部容。
var ateElement("header");
header.innerHTML="个税计算器";
document.body.appendChild(header);
header.style.backgroundColor="blue";
header.style.height="50px";
Align="center";
header.style.fontSize="30px";
header.style.lineHeight="50px";
lor="white";
//写输入框。
var ateElement("form");
document.body.appendChild(form);
var ateElement("input");
form.appendChild(input1);
input1.placeholder="基本工资";
input1.style.width="100%";
input1.style.height="40px";
input1.style.marginTop="15px";
input1.style.fontSize="30px";
input1.innerHTML.placeholder="基本工资/计税";
var ateElement("input");
form.appendChild(input2);
input2.placeholder="绩效工资及工龄工资";
input2.style.width="100%";
input2.style.height="40px";
input2.style.marginTop="15px";
input2.style.fontSize="30px";
input2.style.placeholder="绩效工资/计税";
var ateElement("input");
form.appendChild(input3);
input3.placeholder="奖金及其它收入";
input3.style.width="100%";
input3.style.height="40px";
input3.style.marginTop="10px";
input3.style.fontSize="30px";
input3.style.placeholder="奖金/计税";
//写计算按钮
var ateElement("button");
document.body.appendChild(button);
button.innerHTML="开始计算";
button.style.backgroundColor="lightskyblue";
Align="center";
button.style.fontSize="30px";
button.style.height="50px";
button.style.width="100%";
button.style.margin="10px auto";
// button.style.margin=""
//写主题容
//定义一个主体区域用于存放主体容。
var ateElement("section");
document.body.appendChild(sec);
//工资总额部分
var ateElement("dl");
sec.appendChild(dl);
var ateElement("dt");
dl.appendChild(dt);
dt.innerHTML="工资总额";
var ateElement("dd");
dl.appendChild(dd);
dd.innerHTML="0.00";
dt.style.float="left";
dd.style.float="right";
dl.style.marginTop="15px";
dl.style.marginBottom="5px";
dl.style.height="30px";
dt.style.height="30px";
dt.style.fontSize="24px";
dd.style.fontSize="24px";
//写分割线
var ateElement("hr"); sec.appendChild(hr);
hr.style.margin="0";
//写养老部分8%
var ateElement("dl"); sec.appendChild(dl1);
var ateElement("dt"); dl1.appendChild(dt1);
dt1.innerHTML="养老保险 8%";
var ateElement("dd"); dl1.appendChild(dd1);
dd1.innerHTML="-0.00";
dt1.style.float="left";
dd1.style.float="right";
dl1.style.marginTop="15px";
dl1.style.marginBottom="5px";
dl1.style.height="30px";
dt1.style.height="30px";
dt1.style.fontSize="24px";
lor="red";
dd1.style.fontSize="24px";
lor="red";
//写医疗 2%部分
var ateElement("dl"); sec.appendChild(dl2);
var ateElement("dt"); dl2.appendChild(dt2);
dt2.innerHTML="医疗保险 2%";
var ateElement("dd"); dl2.appendChild(dd2);
dd2.innerHTML="-0.00";
dt2.style.float="left";
dd2.style.float="right";
dl2.style.marginTop="15px";
dl2.style.marginBottom="5px";
dl2.style.height="30px";
dt2.style.height="30px";
dt2.style.fontSize="24px";
lor="red";
dd2.style.fontSize="24px";
lor="red";
//写失业保险1%
var ateElement("dl"); sec.appendChild(dl3);
var ateElement("dt"); dl3.appendChild(dt3);
dt3.innerHTML="失业保险 1%";
var ateElement("dd"); dl3.appendChild(dd3);
dd3.innerHTML="-0.00";
dt3.style.float="left";
dd3.style.float="right";
dl3.style.marginTop="15px";
dl3.style.marginBottom="5px";
dl3.style.height="30px";
dt3.style.height="30px";
dt3.style.fontSize="24px";
lor="red";
dd3.style.fontSize="24px";
lor="red";
//写工伤保险0%
var ateElement("dl"); sec.appendChild(dl4);
var ateElement("dt"); dl4.appendChild(dt4);
dt4.innerHTML="工伤保险 0%";
var ateElement("dd"); dl4.appendChild(dd4);
网页计算器html代码dd4.innerHTML="-0.00";
dt4.style.float="left";
dd4.style.float="right";
dl4.style.marginTop="15px";
dl4.style.marginBottom="5px";
dl4.style.height="30px";
dt4.style.height="30px";
dt4.style.fontSize="24px";
lor="red";
dd4.style.fontSize="24px";
lor="red";
//写生育保险0%
var ateElement("dl"); sec.appendChild(dl5);
var ateElement("dt"); dl5.appendChild(dt5);
dt5.innerHTML="生育保险 0%";
var ateElement("dd"); dl5.appendChild(dd5);
dd5.innerHTML="-0.00";
dt5.style.float="left";
dd5.style.float="right";
dl5.style.marginTop="15px";
dl5.style.marginBottom="5px";
dl5.style.height="30px";
dt5.style.height="30px";
dt5.style.fontSize="24px";
lor="red";
dd5.style.fontSize="24px";
lor="red";
/
/写住房公积金8%
var ateElement("dl"); sec.appendChild(dl6);
var ateElement("dt"); dl6.appendChild(dt6);
dt6.innerHTML="住房公积金 8%";
var ateElement("dd"); dl6.appendChild(dd6);
dd6.innerHTML="-0.00";
dt6.style.float="left";
dd6.style.float="right";
dl6.style.marginTop="15px";
dl6.style.marginBottom="5px";
dl6.style.height="30px";
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论