JavaScript(转载自 计科学院 慕课网)

什么是脚本语言?

   ①脚本语言介于HTML和C,C++,Java,C#等编程语言之间

   ②脚本语言与编程语言有相似地方,其函数与编程语言类似,也有变量。与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些.

   ③脚本语言是一种解释性语言,例如Python、vbscript,javascript等等,它不象c\c++等可以编译成二进制代码,以可执行文件的形式存在.

   ④脚本语言一般都有相应的脚本引擎来解释执行,javascript的脚本引擎就是浏览器

 

javascript主要针对客户端编程(浏览器),服务器端编程。

 

事件源 》》(事件对象)》》事件处理程序

鼠标事件;

键盘事件;

HTML事件;

其它事件;

 

var a=10 :定义变量,变量名为a,a的数值为10

window.alert(a) :弹框显示,显示()内的内容

document.write :网页显示(必须加前缀)

break :跳出循环

continue :结束本轮循环

parse :强制转换

parseint :强制转换为整数。

parsefloat :强制转换为浮点型

meta charset='utf-8' :中文

script :显示

if() :判断(如果)

else :否则(配合if使用)

return :返回值

for(i=1;i<50;i++) :循环1

while(i<50) :循环2

do{ }while(i<50) :循环3

prompt :输入

getElementById :设置一个ID连接的返回值

onclick :HTML标签连接函数

disabled :文本框不能点击输入

this :面向对象(我)

charCodeAt :

floor :小数转换整数,如 1.9=1;-1.9=-2;

setTimeout :计时器 执行时间

setTimeout("c()",5)每五毫秒执行一次

clearTimeout :计时停止

 

function :定义函数

函数的用法:<script type="text/javascript" src="js(文件路径)"></script>

函数的调用:js()(js是函数名); a=js()(a是变量名,js是函数名);

charCodeAt:返回字符的 Unicode 编码

eval :运行字符串

 

event.clientY:显示鼠标坐标

event.clientX:

 

offsetTop:显示上个元素的上顶边与这个元素的上顶边的距

offsetLeft:

offsetHeight:返回元素的高度

offsetWidth :返回元素的宽度   以像素为单位。这是非标准的但却得到很好支持的属性。

 

Date()      返回当前日期和时间

getDate()       从Date对象返回一个月中的某一天

getDay()     从Date对象返回一周中的某一天

getMonth()  从Date对象返回月份

getYear()  从Date对象返回年

getHours()  从Date对象返回小时数

getMinutes()    从Date对象返回分钟

getSeconds()    从Date对象返回秒数

 

Math.abs(x)     返回数的绝对值

Math.ceil(x)    对一个数进行上舍入

Math.floor(x)   对一个数进行下舍入

Math.max(x,y)  求x,y中较大的数

Math.min(x,y)  求x,y中较小的数

Math.round(x)  对 x进行四舍五入

Math.random() 一个大于0小于1的16位小数位的数字  

 

indexOf()      返回某个字符串值在该字符串中首次出现的位置

split()         把字符串分割为字符串数组

substr()     提取取从start下标开始的指定数目的字符

substring()  提取字符串中介于两个指定下标之间的子串

charAt()  返回指定位置的字符

length    属性,可以得到字符串的长度

 

onabort            图像的加载被中断。

onblur             元素失去焦点。

onchange           域的内容被改变。

onclick            当用户点击某个对象时调用的事件句柄。

ondblclick         当用户双击某个对象时调用的事件句柄。

onerror            在加载文档或图像时发生错误。

onfocus            元素获得焦点。 

onkeydown          某个键盘按键被按下。

onkeypress         某个键盘按键被按下并松开。

onkeyup            某个键盘按键被松开。

onload             一张页面或一幅图像完成加载。

onmousedown        鼠标按钮被按下。

onmousemove(*)     鼠标被移动。

onmouseout(*)      鼠标从某元素移开。

onmouseover(*)     鼠标移到某元素之上。

onmouseup          鼠标按键被松开。

onreset            重置按钮被点击。

onresize           窗口或框架被重新调整大小。

onselect           文本被选中。

onsubmit           确认按钮被点击。

onunload           用户退出页面。

 

DOM 元素:(document.)

 createElemnet(标签名)           创建一个节点

 appendChild(节点)               追加一个节点

 insertBefore(节点,原有节点)    在已有元素前插入节点

 removeChild(节点)               删除一个节点

childNodes nodeType             获取子节点

childrenparentNode  获取父节点

 getAttribute(名称)          获取

 setAttribute(名称,值)           设置

 removeAttribute(名称)          删除

 

&nbsp :空格

<br /> :换行

 

.appendChild  添加

 

 

JS中本身提供一些可以直接使用的类就是内部类:

主要有:

JS array   

JS Boolean

JS Date

JS Math

JS Number

JS String

 

内部类分为 :

 

静态类

静态类的使用方法

在引用其属性和方法的时候:静态类.方法(或属性)

 

动态类使用方法

动态类的

var 对象实例名=new 类()

对象实例名.方法(或熟悉)

string类:动态类的一种。

 

一位数组:

1.数组可存放任意类型数据.

2.数组大小不必事先制定.

3.数组名可以理解为指向数组首地址的引用.

4.数组元素默认从0开始编号的.

 

new array :创建数组

 

js数组可以动态增长的

.split :把字符串拆分成字符数组

拆分字符串 字符串 .split(拆分标准)可以得到一个数组

 

length :返回数组中的数的个数

数组名.length ---用法

for(var key in arr){widow.alert(key+"="-arr[key]);}

 

创建一位数组

var a=new Array(3)

a[0]=1;

a[1]=2;

a[2]=3;

或者:var a=new Array("1","2","3")

 

创建二维数组

var a=new Array();

for(var i=0;i<10;i++){

a[i]=new Array();

for(var j=0;j<20;j++){a[i][j]=1;}

}

 

scrollWidth 是对象的实际内容的宽,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)

clientWidth 是对象可见的宽度,不包滚动条等边线,会随窗口的显示大小改变。

offsetWidth 是对象的可见宽度,包滚动条等边线,会随窗口的显示大小改变。

scrollHeight:  获取对象的滚动高度。

offsetHeight: 获取对象相对于版面或由父坐标

scrollLeft:  设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

offsetLeft:  获取对象相对于版面或由

scrollTop:  设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

offsetTop  属性指定的父坐标的计算顶端位置

offsetParent  属性指定的父坐标的高度

offsetParent  属性指定的父坐标的计算左侧位置

event.clientX  相对文档的水平座标

event.clientY  相对文档的垂直座标

event.offsetX  相对容器的水平坐标

event.offsetY  相对容器的垂直坐标

 

js运算符

① + 加 ② - 减 ③ * 乘 ④ / 除 ⑤ % 取模(取余) ⑥ ++ 自加 ⑦ -- 自减 ⑧ += 左加 ⑨ -= 左减 ⑩ /= 左除 ⑾ %= 左取模

js关系运算符

① == 等于 ② > 大于 ③ < 小于 ④ >= 大于等于 ⑤ <= 小于等于 ⑥ != 不等于

逻辑运算符

① && 与 ② || 或 ③ ! 非

 

计科学院

慕课网

posted @ 2018-04-28 11:39  键盘碎了  阅读(268)  评论(0编辑  收藏  举报