-
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
var attime;
function clock(){
var time=new Date(); //获取时间
attime=time.toString(); //用toString函数将时间转化成字符串-->
document.getElementById("clock").value = attime.substring(16,24);//提取字符串中时间里的对应时：分： 秒并输出;
}
setInterval(clock,1000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>
<script type="text/javascript">
//通过javascript的日期对象来得到当前的日期，并输出。
var currentDate = new Date();
var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
document.write(
currentDate.getFullYear() + "年" +
(currentDate.getMonth() + 1) + "月" +
currentDate.getDate() + "日" + " " +
weekday[currentDate.getDay()]
);
//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var sorceStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var sourceArr = sorceStr.split(";");
//document.write(sourceArr);//test
//从数组中将成绩撮出来，然后求和取整，并输出。
var score = new Array();
var sum = 0;
for (var i = 0; i < sourceArr.length; i ++) {
sum += parseInt(sourceArr[i].substr(sourceArr[i].indexOf(":")+1));
//document.write("<br>" + sum);//test
}
document.write("--班级总分为:" + sum);
document.write(",班级平均分为(保留整数):" + Math.round(sum/sourceArr.length))
</script>
</head>
<body>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos=[['小A','女','21','大一'],
['小B','男','23','大三'],
['小C','男','24','大四'],
['小D','女','21','大一'],
['小E','女','22','大二'],
['小F','男','21','大一'],
['小G','女','22','大二'],
['小H','女','20','大三'],
['小I','女','20','大一'],
['小J','男','20','大三']];
//第一次筛选，找出都是大一的信息
var infos2=[];
var n=0;
for(var i=0;i<infos.length;i++){
if(infos[i][3]=='大一'){
document.write(infos[i]+'<br>');
infos2[n] =infos[i];
n++;
}
}
for(var n=0;n<infos2.length;n++){
if(infos2[n][1]=='女'){
document.write(infos2[n][0]+'<br>');
}
}
//第二次筛选，找出都是女生的信息
</script>
</head>
<body>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS基础</title>
<script type="text/javascript">
var a,b,sum;
var a = 5;
var b = 100%7;
sum = a > b && a*b > 0 ;
document.write( "我认为 a 的值是:" + 5 + " b的值是:" + 2 + "sum 的值是:" + true+"<br/>");
document.write( "答案是,第一轮计算后，a 为："+ a +";b为："+b +";第一次计算sum为："+ sum +"<br/>");
sum = ( (++a) + 3 ) / (2 - (--b) ) * 3;
document.write( "再一次计算后，我认为 a 的值是:" + 6 + " b的值是:" + 1 + "sum 的值是:" + 27 +"<br/>");
document.write( "答案是，第二轮计算后，a 为：" + a + ";b为：" + b +";第二次计算sum为："+ sum +",sum的类型也发生变化了。");
</script>
</head>
<body>
</body>
</html>
查看全部 -
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var txt1= document.getElementById("txt1").value;
//获取第二个输入框的值
var txt2=document.getElementById("txt2").value;
//获取选择框的值
var select=document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var sum="";
//设置结果输入框的值
switch(select){//判断运算法则
case "+":
sum = parseInt(txt1)+parseInt(txt2);
break;
case "-":
sum = txt1-txt2;
break;
case "*":
sum = txt1*txt2;
break;
default:
sum = txt1/txt2;
}
document.getElementById("fruit").value = sum;
}
</script>
</head>
<body>计算器
<input type='text' id='txt1' /> <br>
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' /> <br>
<input type='button' value='= ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数，得到结果-->
<input type='text' id='fruit' />
</body>
</html>
查看全部 -
主要事件表查看全部 -
azzzzz查看全部
-
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>二维数组</title>
<script type="text/javascript">
var myarr=new Array();
for(var i=1;i<4;i++)
{
myarr[i]=new Array();
for(var j=1;j<6;j++)
{
myarr[i][j]=i*j;
document.write("myarr["+i+"]["+j+"]的值:"+myarr[i][j]+"<br>");
}
}
</script>
</head>
<body>
</body>
</html>
查看全部 -
a.href=url;
//a.setAttribute("href",url);
这两种写法都可以运行
查看全部 -
1、首先setAttribute()用于设置/更改标签体内的属性，a.setAttribute("innerHTML","text")相当于：<a innerHTML="text"></a>;所以无法显示；
2、a.innerHTML=text;操纵的是HTML文档对象的属性，即对象a要显示的内容是什么，它相当于：<a href="...">text文本</a>；
3、也可以用a.appendChild(document.createTextNode(text));为a元素添加文本节点，这样也能显示
查看全部 -
文本内容是innerHTML，
value想要显示，只能在input用这里又区分input和其他元素。
input获取是 .value;
其他元素获取是 .innerHTML
查看全部 -
[object Text]是文本节点，不论是无内容的空白文本还是有内容的非空白文本，都算是文本。在<div>与<p>标签之间，就是一个文本节点。七个节点分别为：JavaScript，<p></p>,<p>后的空白节点，<div>,<div>后的空白节点,<h5>,<h5>后的空白节点
查看全部 -
<script>
document.write("JS进阶篇");
alert("关注js高级篇");
</script>
查看全部
举报