javascript 代码 每天一点 不断更新中
把代码 跟名称发上来 大家 有喜欢的可以学一下如何测试 ?
直接复制代码新建一个记事本然后该扩展名为 *.html 然后右击 用记事本编辑
把代码 复制进去即可。学东西就是靠积累的,积累的多了自然就学好了。
学习要点 1 认真看视频循序渐进的学
2 不能急噪,如果写代码找不出错误的地方,就认真跟教程的代码比对
多注意自己的毛病,比如写代码的时候 老是写错 字母打反 等等小毛病 慢慢该掉 养成良好的写代码习惯。
[ 本帖最后由 yhss 于 2007-9-6 10:14 编辑 ]
获取系统时间
<html><head>
<title></title>
</head>
<body>
<script language="javascript">
var now=new Date();
document.write("现在是"+now.getYear()+ "年" +
(now.getMonth()+1)+ "月"+
now.getDay()+"日" +
now.getHours()+"时"+
now.getMinutes()+"分"+
now.getSeconds()+"秒" )
</script>
</body>
</html>
设置时间以及时间的返回方式
<html><head>
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
var now=new Date();
now.setYear(2008);
now.setMonth(8);
document.write(now.getYear()+"-"+(now.getMonth()+1)+"<br>")
document.write(now.toGMTString()+"<br>");
document.write(now.toLocaleString())
</script>
</body>
</html>
javascript 简单数组
<html><head>
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
var i;
var a=new Array();//定义一个数组
a=1;
a=2;
a=3;
//按顺序输出数组
for(i=0;i<3;i++)
{
document.write("a["+i+"]="+a+"<br>");
}
{document.write("<br>"+"<br>");}//换行
a.reverse();//将数组里所有元素按下标顺序反转,并覆盖回原数组
for(i=0;i<3;i++)
{
document.write("a["+i+"]="+a+"<br>");//按顺序输入数组
}
</script>
</script>
</body>
</html>
自定义对象的简单应用
<html><head>
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
//定义两个函数,它们将作为我们自定义对象apple的方法
function printcolor()
{
document.write("this apple's color is:"+this.color+"<br>");//输出自定义对象COLOR的值
}
function printsize()
{
document.write("this apple's size is:"+this.size+"<br>");//输出自定义对象SIZE的值
}
function apple(tcolor,tsize)
{
this.color=tcolor;
this.size=tsize;
this.pcolor=printcolor;//为自定义对象添加方法
this.psize=printsize;//为自定义对象添加方法
}
var apple1=new apple("red","big");//创建两个自定义对象
var apple2=new apple("green","small");
apple1.pcolor();
apple1.psize();
apple2.pcolor();
apple2.psize();
</script>
</body>
</html>
javascript事件对象说明
事件 说明onabort 当访问者终止浏览器完整地**一个图像时产生
onafterupdate 当页上绑定的数据元素结束对数据源的更新时产生
onbeforeupdate 当页面的绑定的数据元素已经修改,并且将失去焦点时产生
onblur 指当指定元素不再是访问者互动中心时产生
onbounce 当一个字幕元素的内容到达其字幕边界时产生
onchange 当访问者改变页面的一个数值时产生
onclick 来访者点击元素时产生
ondblclick 当访问者双击指定元素时产生
onerror 当加载图象和页面时如果发生浏览器错误,该事件发生
onfinish 当字幕元素的内容完成一个循环时产生
onfocus 当指的元素成为访问者互动中心时产生
onhelp 当访问者点击浏览器的HELP 按钮或者从浏览器窗口选取help时产生
onkeydown当访问者按下任何键时产生
onkeypress 当访问者按下和释放任何键时产生
onkeyup 当访问者在按下一键后再释放它时产生
onload 当图象或页面结束载入时产生
onmousedown 当来访者按下鼠标左键时产生
onmousemove 当来访者指向了某指定元素时又移动了鼠标的情况下产生
onmouseout 当鼠标指针从指定元素上移开时产生
onmouseover 当用户鼠标第一次移动到指定元素上方产生,该时间指定的元素通常是链接
onmousesup 当一个被按下的鼠标左键被释放时产生
onmove 当一个窗口或框架移动时产生
onreadystatechange 当特定元素的状态改变时产生
onreset 当一个表单被重置到它的默认值时产生
onresize 当访问者调整浏览器窗口或者一个框架时产生
onrowenter 当被绑定的数据源的当前记录指针改变时产生
onrowexit 当被绑定的数据源的当前记录指针即将改变时产生
onscroll 当访问者使用卷轴上移或者下移时产生
onselect 当访问者在一个文本区域选取文本时产生
onstart 当字幕元素开始一个循环时产生
onsubmit 当访问者提交表格时产生
onunload 当访问者离开页面时产生
[ 本帖最后由 yhss 于 2007-9-6 09:41 编辑 ]
JS事件应用
<html><head>
<title>偃师论坛JS事件应用</title>
<script language="javascript">
<!--
function MM_openBrWindow(theURL,winName,features){//v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<!-- onLoad onunload事件-->
<body onLoad="MM_openBrWindow('样品.jpg','2','staus=yes,width=200,height=200')" onUnload="alert('谢谢访问,欢迎再来')">
<!--onSelect事件-->
<form name="form1" method="post" action="">
<label>
<textarea name="textarea" cols="40" rows="10" wrap="virtual" onSelect="alert('此文本不能复制')">欢迎访问偃师论坛JS练习,看你能不能复制的了这些内容,这些设置,菜鸟没办法了,稍微懂一点的还可以复制的,比如:光标放到框里,按CTRL+A,就会弹出不能复制的框,点确定,然后在按CTRL+C就复制下来了, 或者直接点 浏览器 查看 源文件找到要复制的内容就行了!试一下,是不是感觉很简单?</textarea>
</label>
</form>
</body>
</html>
页:
[1]