JavaScript前端开发第二次课内实训
1、新建一个浏览器窗口,键盘按下Esc (虚拟键码: 27)键浏览器窗口关闭,并且完成以下要求。
a)浏览器窗口名称为各位同学姓名拼音缩写,并且在新建浏览器窗口页面中显示; b) 浏览器窗口大小为400x400; c) 在两个浏览器中按下Esc键新建浏览器窗口均关闭。
<body>
<button>新建浏览器窗口</button>
<script>
var button=document.getElementsByTagName(button)[0];
var newWin;
button.addEventListener(click,fn);
function fn(){
newWin=open(,wht,width=400,height=400);
newWin.document.write(<p>窗口名称：+newWin.name+<p>);
newWin.document.onkeydown=function(e){
if(e.keyCode==27){
newWin.close();
}
}
}
document.onkeydown=function(e){
if(e.keyCode==27){
newWin.close();
}
}
</script>
</body>
2、计算语文、数学以及英语的平均分。
<script type="text/javascript">
function cal(){
var yw = document.getElementById("yw").value;
var sx = document.getElementById("sx").value;
var yy = document.getElementById("yy").value;
//alert(yw);
alert("保留了一位小数的平均分：" + ((parseFloat(yw)+parseFloat(sx)+parseFloat(yy))/3).toFixed(1));
}
</script>
<body>
<div id="box">
语文分数<input id="yw" type="text" value=""><span></span><br/>
数学分数<input id="sx" type="text" value=""><span></span><br/>
英语分数<input id="yy" type="text" value=""><span></span><br/>
<br/>
<button onclick="cal();">提交</button>
</div>
<script type="text/javascript">
window.onload=function(){
var yw = document.getElementById("yw");
var sx = document.getElementById("sx");
var yy = document.getElementById("yy");
yw.onblur = function(){
if(this.value>100||this.value<0||this.value===){
this.value = 请输人正确分数;
}
}
sx.onblur = function(){
if(this.value>100||this.value<0||this.value===){
this.value = 请输人正确分数;
}
}
yy.onblur = function(){
if(this.value>100||this.value<0||this.value===){
this.value = 请输人正确分数;
}
}
}
</script>
</body>
下一篇：
从0到1开发一个 CLI 工具