JavaScript核心技术及应用-优快云博客

javascript(简称js)

javascript是一种在浏览器中执行的语言,是解释型语言,无需编译就可以运行。(js是弱类型,是动态类型),javascript中没有类的语法,是用函数闭包模拟出来的;

好处

这样那怕语法有错误,没有语法错误的部分还是能正确运行。

在页面中的位置

javascript代码放在引入到页面中,这样做的好处是多页面可以共享,减小网络流量。

javascript在33”)>。

javascript中也是事件的概念。

javascript中的null和underfined

null

null表示变量的值为空

underfined

underfined表示变量还没有指向任何对象,未初始化。

特性

在js中值为0、null、underfined、或空字符串的表达式被解释为false。

javascript中函数的定义

在javascript中声明函数不需要声明返回值类型、参数类型。函数定义以function开头。

eg:

function add(i1, i2) {

return i1 + i2;

}

注意:自定义函数不要和js内置。document内置的方法重名,否则就会把系统的方法覆盖

匿名函数

eg:

var

f =function(i1,i2){

return i1+i2;

}

alter(f(1,2));

直接声明一个匿名函数立即调用

eg:

alter(fuction(i1,i2){return

i1+i2;}(10,12))

javascript中如何定义一个类

eg:

注意:必须要声明类名,function

person(name,age)可以看做是声明构造函数,name、age这些属性也是使用者动态添加了。var p1 = person("tom", 30);//不要丢了new,否则就变成调用函数了

javascript中的string 对象

length、属性取字符串长度

charat()方法取第几个字符

indexof(“内容”) 要查的内容第一次出现的位置

lastindexof(“内容”) 要查的内容最后一次出现的位置

substr(start,length)第一个参数表示从哪个位置截,第二个参数表示截几位

substring(start,end)第一个参数表示从哪个位置截(从0开始),第二个参数表示截的那位(从1开始)

split(“按什么字符分割”)分割字符串

match replace search 的用法

eg:

instanceof

//instanceof用于判断前面的对象是不是后面的类型

eg:

var nub = "234";

alert(nub instanceof string)

javascript中的array对象既可以当数字又可以当dictionary 都是动态的

eg:

通过类对象prototype(原型,蓝本)[pr?ut?taip]设置扩展方法

eg:

注意:方法的声明要在使用扩展方法之前执行不传值的参数值就是undefined

json对象

eg:

dom

dom是html页面的模型,将每个标签都做为一个对象,javascript通过调用dom中的属性、方法就可以对网页中的各种元素进行编程控制。dom就是一些让javascript能操作html页面控件的类和函数

dom和winfrom一样,通过事件、属性、方法、进行编程。

dhtml=html+css+javascript+dom

window对象

windom对象代表当前浏览器窗口。

注意:使用window对象的属性、方法的时候可以省略window。

window对象中的方法

alert() 弹出消息对话框

confirm()显示“确定”,“取消”对话框按确定返回true 按取消返回false

navigate(“href”)从新导航到指定地址;

setinterval(“方法名称()”,时间)每隔一段时间执行指定代码,第一个参数为代码的字符串,第二个参数为间隔的时间(单位为毫秒),返回值是定时器标识

clearinterval(定时器标识)取消setinterval的定时执行,因为可以指定多个定时器,所以clearinterval要指定清除哪个定时器的标识,即setinterval的返回值

eg :

var te =setinterval(“alter(‘hell‘)”,1000);

clearinterval(te);

settimeout也是定时执行,但不像setinterval那样是重复定时执行,值执行一次

eg:var timeoutid =

settimeout("alert('hello')", 2000);

cleartimeout和clearinterval用法一样

showmodaldialog(“href”) 弹出模态对话框

showmodelessdialog(“href”)弹出非模态对话框

window的属性

window.location.href=”href” 重新导向新的地址,和navigate方法的效果一样

window.location.reload()刷新页面;

window.event:是非常重要的属性;用来获得发生事件时的信息,事件不局限于window对象的事件,所有元素的事件都可以通过event属性取到相关信息。

window.event.altkey属性返回值是bool表示发生事件时alt键是否被按下,类似的还有ctrlkey和shiftkey属性

window.event.(clientx||clienty)发生事件时鼠标在客户区的坐标;

window.event.(screenx||screeny)发生事件时鼠标在屏幕上的坐标;

window.event.(offsetx||offsety)发生事件时鼠标相对于事件源的坐标

window.event.returnvalue属性,如果将retrurnvalue设置为false,就会取消触发事件的对象默认事件的处理(在超链接的onclick里禁止访问href页面)

window.event.srcelement获得事件源对象(一般用在几个事件共享一个事件响应函数)

clipboarddata对象对粘贴板进行的操作

clipboarddata.cleardata(“text”)清空粘贴板

clipboarddata.getdata(“text”)读取粘贴板的值,返回粘贴板中的内容;

clipboarddata.setdata(“text”)设置粘贴板的值

functionmodifyclipboard(){

clipboarddata.setdata(‘text’,clipboarddata.getdata(‘text’)+’版权信息’)

}

oncopy=“settimeout(‘modifyclipboard()’,100)”

history对象操作历史记录

window.history.back()后退;

window.history.forward()前进

window.history.go(-1);

body对象的事件

onload事件:网页加载完毕时触发(浏览器是一边下载文档,一边解析执行,可能会出现javascript执行时需要操作某个元素,这个元素还没加载,如果这样就要把操作代码放到body的onload事件中,或者可以把javascript放到元素之后。元素的onload事件是元素加载完毕式触发的,body onload才是全部加载完成

onunload事件:网页关闭(或者离开)后触发;

onbeforeunload:在网页准备关闭(或离开)后触发。

eg:

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/