document.write()在IE和chrome处理方式有什么不同？该如何处理
日期：2014-05-16 浏览次数：20318 次
document.write()在IE和chrome处理方式有什么不同？
- JScript code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Javascript控制页面布局</title>
<script language="javascript">
function checkSex( stype){
if(stype=="man"){
document.getElementById("man").style.display="block";
document.getElementById("miss").style.display="none";
}
if(stype=="miss"){
document.getElementById("man").style.display="none";
document.getElementById("miss").style.display="block";
}
}
function confrimForm(){
return confirm("是否确认提交数据？点【确定】提交，点【取消】放弃");
}
function getResult(){
var sex1=document.getElementById("sex1").checked;
var sex2=document.getElementById("sex2").checked;
var yourmoney=document.getElementById("yourmoney").value;
var yoursmoke=document.getElementById("yoursmoke").value;
var yourdrink=document.getElementById("yourdrink").value;
var yourbeautiful=document.getElementById("yourbeautiful").value;
var yourbuy=document.getElementById("yourbuy").value;
var result=0;
if(sex1==true){
result=yourmoney-yoursmoke-yourdrink;
}
if(sex2==true){
result=yourmoney-yourbeautiful-yourbuy;
}
return result;
}
function outPrint( name,age,monkey,result){
var str="您好"+name+"<br>"+"您现在"+age+"岁<br>您的月收入为"+monkey+"<br>"+
"根据计算您的月结余为:"+result+"<br>谢谢";
document.write(str);
}
function mainClick(){
var confirm=confrimForm();
if(confirm==true){
var yourname=document.getElementById("yourname").value;
var yourage=document.getElementById("yourage").value;
var yourmonkey=document.getElementById("yourmoney").value;
var yourresult=getResult();
outPrint(yourname,yourage,yourmonkey,yourresult);
}
}
</script>
</head>
<body>
<form name="form1">
性别：
<input type="radio" id="sex1" name="sex" value="先生" onclick="checkSex('man');"/>男
<input type="radio" id="sex2" name="sex" value="女士" onclick="checkSex('miss');"/>女<br>
姓名：<br>
<input type="text" id="yourname" name="yourname" /><br/>
年龄:<br>
<input type="text" id="yourage" name="yourage" /><br/>
收入：<br>
<input type="text" id="yourmoney" name="yourmoney"/><br/>
<div id="man" style="display:none">
月抽烟花费：<br>
<input type="text" id="yoursmoke" name="yoursmoke"/><br/>
月喝酒花费：<br>
<input type="text" id="yourdrink" name="yourdrink" /><br/>
</div>
<div id="miss" style="display: none">
月美容花费：<br/>
<input type="text" id="yourbeautiful" name="yourbeautiful"/><br/>
月购物花费：<br/>
<input type="text" id="yourbuy" name="yourbuy"/><br/>
</div>
<input type="submit" value="提交" onclick="mainClick();"/>
<input type="reset" value="重填" />
</form>
<div id="info"></div>
</body>
</html&
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
