JS入门教程

1、用JS做一个效果的步骤:

a)先进行布局;

b)思考实现原理;

c)了解JS的语法(可以给需要做效果的整体元素加JS语句,这样可以保持元素的整体性,不至于效果只在元素内部的某一部分)。

2、JS中获取元素的基本方法:通过ID名称来获取元素,代码为:

a)document.getElementById('link');(意为document get element by id 'link')。

3、事件分为鼠标事件、键盘事件、系统事件、表单事件以及自定义事件。

a)添加事件的方式:元素.onmouseover。

b)基础的鼠标事件:onclick、onmouseover、onmouseout、onmousedown、onmouseup、onmousemove(就像是鼠标抚摸一样的事件)。

c)系统事件:“onload = 有名函数名/匿名函数主体”表示加载完以后再执行以下函数。例如:“window.onload”表示事件是在系统加载完后执行、“img.onload”表示事件是在图片加载完后执行、 “body.onload”表示主体加载完以后执行。

4、函数(进行某些指令操作,一定不会主动执行):

a)有名函数多用于多次调用,其写法为“function 名字(){……}”,执行函数的方式为:

i.直接用名字调用,比如:“abc()”;

ii.事件调用:元素.事件 = 函数名,比如:“odiv.onclick = abc;”;

iii.……

b)匿名函数一般仅用于一次调用,其写法为:“function (){}”,调用方式:“元素.事件 = function (){};”。 

5、测试:

a)alert(1); 带了一个确定按钮的警告框(数字不用加引号);

b)alert('ok'); ''引号表示该内容为字符串;

c)alert("ok"); ""双引号也可以表示字符串。

d)总结:用这句可以测试到底是哪一行出现了错误,逐行逐行进行检测,直到某一行没有出现“带了一个确定按钮的警告框”,那就说明该语句上一行出错了。最好保持一种随时写,随时测试的习惯!

6、变量,其实就是C语言中的宏定义,有如下几种定义:

a)var lis = document.getElementById('lis');表示“document.getElementById('lis')”用“lis”代替;

b)var num = 123;表示用“num”代替“123”;

c)var name = 'leo';表示用“name”代替“leo”。

7、把某个元素移出你的视线之外,可以利用以下几种方法:

a)display:none; 显示为无,闪现效果,不占文档流

b)visibility:hidden; 让元素隐藏,闪现效果,占文档流

c)width、height和border; 横向、纵向的慢慢打开或者是由一个点状的放射开效果

d)透明度 淡入淡出效果

e)通过定位改left、top 点击弹入弹出效果

f)加一个与背景一致的div 回字显示或者是抽卡片式显示

g)margin负值 等同于第5种

h)……

8、匈牙利命名法基本原则是:变量名=属性+类型+对象描述。要基于容易记忆容易理解的原则,其中每一对象的名称都要求有明确含义,可以取对象名字全称或名字的一部分,保证名字的连贯性是非常重要的。

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/JimmyLuo17/article/details/50985641
文章标签: javascript 函数 入门
个人分类: JavaScript笔记
想对作者说点什么? 我来说一句

JS入门教程电子书下载

2009年10月25日 6.01MB 下载

JS入门教程 javascript教程

2009年02月09日 6.01MB 下载

javascript入门教程

2012年09月05日 6.05MB 下载

JavaScript教程--从入门到精通.ppt

2016年08月25日 254KB 下载

正则表达式学习手册

2016年11月20日 2.32MB 下载

没有更多推荐了,返回首页

不良信息举报

JS入门教程

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭