找回密码
 中文注册
查看: 581|回复: 7

javascript 代码 每天一点 不断更新中

[复制链接]
发表于 2007-9-6 08:20:31 | 显示全部楼层 |阅读模式
把代码 跟名称发上来 大家 有喜欢的可以学一下

如何测试 ?
直接复制代码  新建一个记事本然后该扩展名为 *.html 然后右击 用记事本编辑
把代码 复制进去即可。学东西就是靠积累的,积累的多了自然就学好了。


学习要点 1 认真看视频  循序渐进的学
2 不能急噪,如果写代码找不出错误的地方,就认真跟教程的代码比对
多注意自己的毛病,比如写代码的时候 老是写错 字母打反 等等小毛病 慢慢该掉 养成良好的写代码习惯。

[ 本帖最后由 yhss 于 2007-9-6 10:14 编辑 ]
 楼主| 发表于 2007-9-6 08:20:46 | 显示全部楼层

获取系统时间

<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>
回复

使用道具 举报

 楼主| 发表于 2007-9-6 08:30:51 | 显示全部楼层

设置时间以及时间的返回方式

<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>
回复

使用道具 举报

 楼主| 发表于 2007-9-6 08:53:49 | 显示全部楼层

javascript 简单数组

<html>
<head>
<title>无标题文档</title>
</head>

<body>
<script language="javascript">
var i;
var a=new Array();//定义一个数组
a[0]=1;
a[1]=2;
a[2]=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>
回复

使用道具 举报

 楼主| 发表于 2007-9-6 09:10:35 | 显示全部楼层

自定义对象的简单应用

<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>
回复

使用道具 举报

 楼主| 发表于 2007-9-6 09:28:51 | 显示全部楼层

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 编辑 ]
回复

使用道具 举报

 楼主| 发表于 2007-9-6 10:12:48 | 显示全部楼层

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('&#26679;&#21697;.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>
回复

使用道具 举报

发表于 2009-1-25 01:08:00 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

Archiver|小黑屋|加入我们|偃师网 ( 豫ICP备11013690号 )

GMT+8, 2025-5-1 08:40 , Processed in 0.027394 second(s), 16 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表