20201203-web-课上代码
<html>
<head></head>
<body>
<script type="text/javascript">
var date = new Date(2020,11,3);
//获得当前的系统时间
var y = date.getFullYear();
var w = date.getDay();
document.write(w);
</script>
</body>
</html>
-----------------------------------------------------
<html>
<head></head>
<body>
<script type="text/javascript">
function s()
{
var dx = document.getElementById("d");//获得div对象
var v = dx.innerHTML;//获得div中间的内容
v++;
dx.innerHTML = "<font color='red'>"+v+"</font>";
}
</script>
<div id="d">0</div>
<input onclick="s()" type="button" value="确定">
</body>
</html>
--------------------------------------------------------------
<html>
<head>
</head>
<body>
<style type="text/css">
#x{
color:red;
}
</style>
<script type="text/javascript">
//var a = 10;
function s(x)
{
//文本框的数字+1
//获得文本框的数字
var tx = document.getElementById("x");//获得文本框对象
/*var v = tx.value;//通过tx对象 value属性 获得数据
//v中间存放的是tx对象的value属性的值
//v = v+1;
//var i = parseInt(v);
//i++;
//v++;
v = v-1;
*/
//设置文本框的内容
tx.value = x;
}
</script>
<input id="x" type="text">
<input type="button" onclick="s(a)" value="确定">
</body>
</html>
--------------------------------------------------------------------------------------------------
<html>
<head></head>
<body>
<div id="d">万码</div>
<input name="c" onclick="s(1)" type="radio">红
<input name="c" onclick="s(2)" type="radio">绿
<input name="c" type="radio">蓝
<script type="text/javascript">
function s(x)
{
if(x==1)//点击红色
{
var dx = document.getElementById("d");
dx.style.color = "red";
}
if(x==2)//点击绿色
{
var dx = document.getElementById("d");
dx.style.color = "green";
}
}
</script>
<script type="text/javascript">
function s1()
{
//div中间的文本变成红色
var dx = document.getElementById("d");//获得div
dx.style.color = "red";
}
function s2()
{
var dx = document.getElementById("d");//获得div
dx.style.color = "green";
}
</script>
</body>
</html>
-----------------------------------------------------------------------------
<html>
<head></head>
<body>
<select>
<script type="text/javascript">
var province = ["山东","山西","湖南","湖北","四川","江西"];
//省份数组
//foreach
province.forEach(show);
function show(item)
{
document.write("<option>"+item+"</option>");
}
/*
for(var i=0;i<province.length;i++)//province.length是province数组元素的个数
{
document.write("<option>"+province[i]+"</option>");
}
*/
</script>
</select>
</body>
</html>
----------------------------------------------------------------------------------------------------
<html>
<head></head>
<body>
<script type="text/javascript">
function ov()
{
var bx = document.getElementById("b");
bx.style.color = "red";
}
</script>
<input id="b" onmouseout="ot()" onmouseover="ov()" type="button" value="确定">
<script type="text/javascript">
function ot()
{
var bx = document.getElementById("b");
bx.style.color = "black";
}
</script>
</body>
</html>
----------------------------------------------------------------------------------------------------
<html>
<head></head>
<body>
<script type="text/javascript">
function s()
{
//获得复选框选中的状态
var cx = document.getElementById("c");//获得复选框对象
var f = cx.checked;//获得复选框的checked属性的值 f中间存放的将会是布尔值
//判断复选框是否选中
if(f==true)//复选框选中
{
//按钮可用
bx.disabled = false;
}
else//复选框没有选中
{
bx.disabled = true;//不可用
}
}
</script>
<input id="c" onclick="s()" type="checkbox">同意
<br><br>
<input id="b" disabled type="button" value="注册">
<script type="text/javascript">
var bx = document.getElementById("b");//按钮对象
</script>
</body>
</html>
----------------------------------------------------------------------------------------------------
<html>
<head></head>
<body>
<script type="text/javascript">
function plus()
{
//图片的width属性增加
var picObj = document.getElementById("pic");
//获得id为pic的img对象
var wid = picObj.width;
//获得对象的width属性的值
wid += 50;
picObj.width = wid;
//设置picObj对象的width属性的值
}
</script>
<input onclick="plus()" type="button" value="放大">
<br>
<img id="pic" src="images/1.jpg" width="100">
</body>
</html>
浙公网安备 33010602011771号