博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

随笔分类 -  JavaScript入门系列

一样是我的学习笔记和转载的好东西,Atlas部分多是视频!
摘要:今天是我们js入门系列演示的最后一节了(暂时我是这样计划的),但是请朋友们记住,前面的实例你都很熟悉了的话也不代表我们就懂了JS,甚至连入门我们都不得不承认我们只是站在门槛上,还没有进去呢,那你可能要问,为什么要匆匆结束呢?答案很简单,我们的最终目标是AJAX/Atlas,在以后的入门教程中我们还会接触大量的JS的东西,而我这个懒人繁冗的注释一定不会让你失望的,所以更多JS我们以后继续学习,下面我们必须把JS最重要的东西--《对象》的方法和属性都熟悉下,因为这可是非常重要的,而这篇Post你大可以收藏起来,以后用上的。不否认我们都是天才,但是更不能否认,我们不是硬盘,就算是,硬盘还会有坏道呢,谁能保证都记得住呢? 数组(Array):系列元素的有序集合; 字符串(string):没啥好解释的,详细演示参阅 日期(Date): Math 数学: JavaScript的内置函数 自定义对象: 浏览器对象 window对象 document对象: Location对象: 阅读全文

posted @ 2006-08-21 18:22 天轰穿 阅读(16333) 评论(23) 推荐(3) 编辑

摘要:演示一:无刷新变换图片(有点歪) 演示二:鼠标触发图片变换(书面名称好像叫图像滚动) 阅读全文

posted @ 2006-08-18 19:01 天轰穿 阅读(13305) 评论(8) 推荐(0) 编辑

摘要:时间对象作为非常重要的一个对象,对我们学.net的人来说,并不是很重要,但这并不意味着我们可以忽略,事实上,用得着的时候还是很多的,如果完全依赖JS处理时间,那是会出问题的,因为JS总是假设本地机器上的时间是正确的。还有个原因,他总按照GTM市区来计量。我们只是返回当前date对象的副本,我们即便是修改,那也不会对对象本身有任何影响。 演示一:动态的时钟(来个复杂的) 11:56:22 演示二:显示完整的一些方法(事实上我很讨厌有些格式了) Wed Aug 16 11:55:03 UTC+0800 2006 从1970-01-01到现在共过了1155700503156毫秒 返回当前的年份2006 2006 返回当前月71因为月是0-11,所以要加1 返回当前日期16 返回当前星期3 返回当前小时11 返回当前分钟55 返回当前的秒3 演示三: 倒计时 距2006年新年还有136天12小时04分56秒! b 阅读全文

posted @ 2006-08-16 11:58 天轰穿 阅读(7309) 评论(4) 推荐(1) 编辑

摘要:JavaScript 具有全范围的运算符,包括算术、逻辑、位以及赋值运算符。此外还有其他一些运算符。 阅读全文

posted @ 2006-08-16 10:45 天轰穿 阅读(2429) 评论(1) 推荐(0) 编辑

摘要:在上节string对象上我瞎扯了几句math的数学函数,希望没有吓倒你哦,呵呵,其实我们要用的很少了,一般那些什么切,什么弦我们是不用的,所以我也没有打算演示哦,这里我们把常用的几个作下! 演示一:对比大小 演示二:计算值的N次方 演示三: 四舍五入取值 (值是整数哈) 演示四:生成0-88之间的随机数字 阅读全文

posted @ 2006-08-12 15:41 天轰穿 阅读(4543) 评论(8) 推荐(0) 编辑

摘要:javascript核心语言(string、math、data对象) 看了这个标题想笑不?哈哈,不如果真要笑的话我也没办法,如果你从幼儿园到被学校开除为止,数学一直都很差的话,那等下几节的math对象,你可能哭都来不及。不过也不用担心了,因为我们在一般的webform中是不会用多少数学运算的,什么正弦,余弦,什么切(*—……%¥#—……%¥#不明白也罢了!但是如果四则运算你都没有搞明白的话,那*—……%¥#·!……%¥ 我晕啦。。。。。。。。。。。。 上面废话了那么多,无非是想告诉你,我有点闲得无聊,娃哈哈哈哈 !!好了,开始正题 string 字符串对象:这个在一周前开始的js入门系列演示中已经使用很多次了,但是我们还是挨个做下演示了(刚才不是告诉你了嘛 ,我很闲啊!) 演示一:字符串申明以及赋值 我后面红色是脚本显示的话 : 申明一个新的字符串,我是第一种连接 + 后面连接的字符串我呢,就是连接符 + = 的结果了 演示二: 字符串的方法(大小写转换,字符串搜索) br 阅读全文

posted @ 2006-08-11 18:05 天轰穿 阅读(5230) 评论(7) 推荐(0) 编辑

摘要:表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填/选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的 formname.submit() 看演示,其实这个对于我们修炼道教(错了,是.net)的人来说,有点多余,呵呵,毕竟微软的vs2003-2005都有非常棒棒棒的验证控件,如果有特别需要,自定义的验证也很不错哦,呵呵!! 演示一:这个也算对表单以及表单元素的一个综合演示了 阅读全文

posted @ 2006-08-11 15:25 天轰穿 阅读(3957) 评论(1) 推荐(0) 编辑

摘要:向函数传递表单数据和元素:一个很有趣的话题,趣在使用this关键字可以减少 window.document这类长长的引用,甚至可以把一个对象传进取 ,连fromname都不要了,例如,我们传递一个文本对象给函数,那么我们可以在onchange事件中把this作为参数,直接把这个文本对象传给函数,说那么多有什么用,看演示咯! 演示一:被传递的文本框(从小做起嘛,本来打算直接作整个表单的传送的) 演示二:被传递表单对象 阅读全文

posted @ 2006-08-10 16:58 天轰穿 阅读(3636) 评论(1) 推荐(0) 编辑

摘要:对于脚本来说,最复杂的表单元素对象就是select了,他是一个复合对象,包含OPTION对象数组的对象 演示一:导航,这个多见于网站友情链接 请选择您要去的网站 天轰穿系列教程 博客园 CSDN 演示二:地区二级无刷新联动菜单(其实这个例题也适用了关联数组,只是说被关联的数组是在一级数组的内部,如果有不明白,就看下 http://www.cnblogs.com/thcjp/archive/2006/08/04/467761.html 这篇,专门介绍数组的文字) 注意,我在二级菜单里做了点小动作,呵呵!! 阅读全文

posted @ 2006-08-10 11:17 天轰穿 阅读(14187) 评论(2) 推荐(0) 编辑

摘要:文本相关对象:就是每个与文本相关的HTML元素(文本,密码,隐藏域,文本域等)这些东东其实只有两个属性被重视(确切说是被我重视)onchenge和value,前者调用函数,后者求、赋值,在AJAX&javascript入门系列这之前的实例中已经用了很多次了,这里就简单演示一个了! 演示一 : 在另外文本域显示密码(在前面密码框输入你的银行密码) 前面输入的是 -------------------------------------------------------------------------------- 按钮对象:没什么说的,看下演示咯,其实按钮用得最多的还是 onclick 演示二:改变按钮上的文字以及状态 -------------------------------------------------------------------------------- 复选框对象:其实这个在http 阅读全文

posted @ 2006-08-09 11:17 天轰穿 阅读(3558) 评论(2) 推荐(0) 编辑

摘要:其实在javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题) 一文中,我们已经把表单的一些基本访问等弄清楚了,下面我们深入的学下表单的属性以及对表单元素的简单操作! 演示一 : 根据需求,定做表单 你先按下提交提交表单,后退,然后再点修改表单,然后再提交表单,看效果 现在的指向是 test.asp ,方法是 post 其实做那么多都没有,直接作两个属性吧 田洪川的博客 网易 get post 演示二 :修改表单内特定类型元素的值 form.elements[]属性:除了跟踪表单中每种类型的元素外,浏览器还保留了一张表单中所有控件元素的列表,元素的顺序就是在HTML中的位置,所以对引用相当的方便。 阅读全文

posted @ 2006-08-08 21:47 天轰穿 阅读(16532) 评论(8) 推荐(0) 编辑

摘要:1:页面载入时改变状态栏文字; 2:指向链接时改变状态栏文字; 3:打印出当前窗口的URL 4:统计本页上有多少个连接 5:利用伪链接做些类似按钮的事件(例如按了链接一,链接二的指向就改变) 阅读全文

posted @ 2006-08-08 16:48 天轰穿 阅读(2150) 评论(1) 推荐(0) 编辑

摘要:一 : Document访问页面多个表单 二 : Document.Title 得到页标题:这有个前提,是页标题必须在 head的title字段 三 : 演示三:Document.Write() 创建新的页,一种是直接覆盖当前页 ,另种是打开新页 Document对象包含页面的实际内容,其属性和方法一般会影响到页内文档的外观和内容! 注意:浏览器允许在页面载入时动态创建内容,单是如果在页面载入完成以后再使用document.write()方法的话,将导致其清除页面现有对象,而从新建立你脚本内指定的对象(包括任何变量和值)。 阅读全文

posted @ 2006-08-08 13:29 天轰穿 阅读(17754) 评论(6) 推荐(0) 编辑

摘要:对话框有三种 1:只是提醒,不能对脚本产生任何改变; 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 下面我们分别演示: 阅读全文

posted @ 2006-08-04 18:49 天轰穿 阅读(67425) 评论(19) 推荐(0) 编辑

摘要:没什么好说的了,直接看代码吧!有什么不明白,留言,我会当天回复! 打开指定URL的窗口/改变链接时候状态栏的文字 天轰穿.net\js入门(如果你细心的话,你可以发现,当鼠标离开后,状态栏并没有还原,想知道怎么做?请去http://thcjp.cnblogs.com找答案吧!) 阅读全文

posted @ 2006-08-04 18:06 天轰穿 阅读(10023) 评论(3) 推荐(0) 编辑

摘要:数组,用处可多啦,要不怎么会被javascript选如核心成员呢,对了,因为是核心(是核心不是黑心)所以声明方式也有所不同 例如 : var arr=new Array(); JS数组有别于其他语言的一个重要特点是,他可以在不同行包含不同的数据类型,这也算JS这种弱类型语言的一个特色吧! JS数组还有个大的特色就是不支持多维数组,这点不如VBS,赫赫,但是也不是没有办法,我们可以在数组中包含数组,或者使用关联数组 演示一 : 申明--插入属性--读取--显示出来 (代码 31-40 行) 演示二:利用关联数组查找对应的信息 阅读全文

posted @ 2006-08-04 14:41 天轰穿 阅读(14866) 评论(3) 推荐(0) 编辑

摘要:函数根c#里面我们定义的方法一样,他可以多次使用,他会根据你传来的参数帮你完成很多你想要的结果,打个比方,你想要一包烟,与是你让儿子拿着你写的纸条去给你买,这个过程就是调用函数并传递参数,当小家伙去超市,在超市里,小MM按纸条所写的名字把烟给你儿子,这个过程就是函数内部代码的处理过程了,这个过程就算完成了。 函数的命名与变量的命名规则一样,简单说就是名字里面不能有除下划线以外的符号,不能有空格,开头不能是数字,好像只有这些!! 对了,上面我们说到变量,那就顺便说下吧,变量的作用域:定义在函数内部的变量叫局部变量,其作用只在函数内部有效,在外面,别人根本不认识他,而在函数外定义的变量叫全局变量,这个全局便量和其他语言的全局变量是不同的,这个的作用域只是当前页,当前页关闭了,他也就会内存驱逐出境的.当然,你可以使用cookie类似的技术来帮助他; 编写函数的原则是越短越好,长了不好维护,虽然JS允许你写裹脚布一样长的代码。如果实在需要的话,最好是做成多个函数块!其实在前面关于代码运行时间的实例中已经写了一个调用函数,只是没有传参!地址是 阅读全文

posted @ 2006-08-04 10:50 天轰穿 阅读(4781) 评论(5) 推荐(1) 编辑

摘要:演示一 :if...else... 请在下面文本框输入天轰穿.net入门 博客的地址 (实例代码在 8-19行) 演示二 :重复循环一定的次数 for([initial expression];[condition];[update expression]) {statement[s] inside loop} 请在下面文本框分别输入一个整数代码(20-29行) 演示三 : switch 代码 (30-47行) 请在下面第一个输入 天 或者 田 或者 其他 阅读全文

posted @ 2006-08-04 09:21 天轰穿 阅读(1612) 评论(3) 推荐(0) 编辑

摘要:演示了三种情况下的运算,当然这里只是演示了 + 其实减,乘,除,都差不多,但是切记,只有加号可以用与连接字符串,别试图用减号等去操作字符串!! 阅读全文

posted @ 2006-08-03 21:30 天轰穿 阅读(5108) 评论(6) 推荐(0) 编辑

摘要:主要演示事件在文档载入过程中的执行顺序 : 其实脚本运行的时间无非以下几种情况:(后三种统称延时脚本) 1:文档载入时; 2:文档载入后; 3:响应用户动作; 4:其他脚本语句调用他的时候; 具体请看代码,在代码里面有相信的实例. 如有任何问题 请继续关注 http://thcjp.cnblogs.com 或者搜索 天轰穿我将会从JS到AJAX和ATLAS一直到.net(c#)与AJAX的整合出一系列的入门级实例教程 阅读全文

posted @ 2006-08-03 18:15 天轰穿 阅读(2835) 评论(8) 推荐(1) 编辑