1.外部样式:

var bbb=aaa();//bbb被赋值为aaa的返回值

var bbb=aaa;
//bbb被(地址)赋值为aaa,由于这里aaa是“函数对象”,bbb也成了函数对象,也成了一个函数
可以调用bbb();
这里“函数对象”和弱类型无关,这是把函数作为头等公民(First-class
function)的语言设计。

javascript无严格意义上的“引用”或“指针”。

2.<input type=”button
onclick=name1()”>======<script>function
name1(){alert(‘helloword!’);}</script> //有名函数

都是把onchange指向另外一个函数(对象)

to 那个刀枪不入的francis674
你的回答,太误人子弟,别人看不过去

“var a = funcitn() {}”
“a是变量,类型是function,alert(a)出来的是函数体的文本定义”
不仅拼写错误,而且解释不出所以然,只好形而上学的说了内容
自己理解不透就来栽赃我,我从未提到
var a = function() {}
可以告诉题主,这是以函数声明的方式定义无名函数。
而,var a = new Function(“”) 是定义函数对象的方式
这2种是互通的

“xxx.onchange=func 这个是事件委托”
//绝非事件委托,仅仅重新指定对象,在没放在事件模型时,语法上仅仅重新指定对象,重写override对象的方法

“本质的区别就是可以理解为一个是变量,一个是指针,实际上都是变量。”
高级语言从来就没有指针,瞎比拟就是形而上学。

“javascript是弱类型的脚本语言。 函数和变量都称为变量。”
//函数能成为变量吗?
“javascript 不支持oop等特性”
//js不支持oop还叫js吗?js属于prototype模型的面对对象编程语言,非常支持oop。
这些话都是可笑错误的,形而上学的。为什么说形而上学,就是学了些用法而臆想原理,夹杂很多错误认识。
取法乎上,只得其中,取法其中,只得其下。如果你好意思把这些错漏百出的表述说给初学者?而跟你学,得到什么呢?不该指责其他认识到这些错漏的人。…余下全文>>
 

Event对象:(event对象是window对象的属性,当事件发生时,同时产生event对象,事件结束,ev…

3.<input type=”button” id=”input1″>  //匿名函数

套用其他语言的概念是属于比较形而上学的。

xxx=getElementById(“idname”); //返回一个DOM的element对象,id为idname
xxx.onchange=func;
//把这个element对象的onchange方法重写(我想到的是英文override,之前用了错误的中文译法),而这里语法含义是重新赋值为func这一函数对象
Javascript强调函数对象这一概念。因为函数是最基本的对象,是头等公民。
function foo(){ } //新建函数
等价于
var foo=new Function(){ } //新建函数对象
所以
xxx.onchange=foo
xxx.onchange=new Function(“”);
xxx.onchange=function(){}

<input type=”button” id=”input1″> //兼容IE和DOM添加事件

Javascript基础知识(二)事件,javascript基础知识

Event对象:(event对象是window对象的属性,当事件发生时,同时产生event对象,事件结束,event对象消失)

IE中:window.event;//获取对象

DOM中:argument[0];//获取对象

IE中Event对象常用的属性方法:

1.clientX:事件发生时,鼠标指针在客户区(不包括工具栏,滚动条等)的X坐标;

2.clientY:事件发生时,鼠标指针在客户区(不包括工具栏,滚动条等)的Y坐标;

3.keyCode:对于keyCode事件,指示按下的键的Unicode字符,对于keydown/keyup事件,指示按下的键盘是数字表示器(获得按键的数值);

4.offsetX:鼠标指针相对于引发事件的对象的X坐标;

5.offsetY:鼠标指针相对于引发事件的对象的Y坐标;

6.srcElement:导致事件发生的元素;

DOM中event对象常用的属性方法:

1.clientX;

2.clientY;

3.pageX;鼠标指针相对于页面的X坐标;

4.pageY;鼠标指针相对于页面的Y坐标;

5.StopPropagation:调用该方法可以阻止事件的进一步传播(冒泡);

6.target:触发的事件元素/对象;

7.type:事件的名称;

两种event对象的相同点和不同点

相同点:

1.获取事件类型;

2.获取键盘代码(keydown/keyup事件);

3.检测Shift,Alt,Ctrl;

4.获取客户区坐标;

5.获取屏幕坐标;

不同点:

1.获取目标;

//IE:var oTarget=oEvent.srcElement;

//DOM: var oTarget=oEvent.target;

2.获取字符码;

//IE: var iCharCode=oEvent.keyCode;

//DOM: var iCharCode=oEvent.charCode;

3.阻止事件的默认行为;

//IE: oEvent.returnValue=false;

//DOM: oEvent.preventDefault;

4.终止冒泡:

//IE:oEvent.cancelBubble=true;

//DOM:oEvent.stopPropagation

事件类型:

一.鼠标事件:

onmouseover:当鼠标移入时;

onmouseout:当鼠标移出时;

onmousedown:当按下鼠标时;

onmouseup:当抬起鼠标时;

onclick:点击鼠标左键时;

ondblclick:双击鼠标左键时;

二.键盘事件:

onkeydown:当用户在键盘上按下一个键时发生;

onkeyup:当用户释放一个按下的键时发生;

keypress:当用户一直按着键不放时;

三.HTML事件:

onload:加载页面时;

onunload:卸载页面时;

abort:当用户终止装载进程之前,如果他还没有被完全转载,发生abort事件

error:javascript发生错误时,产生的事件;

select:在一个input或者textarea中,用户选择字符时,触发的select事件

change:在一个input或者textarea中,当它失去焦点,在select中触发change事件

submit:当表单被提交时,触发submit事件;

reset:重置

resize:当窗口或框架尺寸调整时触发的事件;

scroll:当用户滚动或有滚动条时触发的事件;

focus:失去焦点时;

blur:获得焦点时;

Javascript的事件模型

1.Javascript事件模型:1.冒泡类型: <input
type=”button”>当用户点击按钮时:input-body-html-document-window(从下往上冒泡)IE浏览器只是用冒泡

    2.捕获类型: <input
type=”button”>当用户点击按钮时:window-document-html-body-input
(从上往下)

经过ECMA标准化后,其他浏览器都支持两种类型,捕获先发生。

2.传统事件书写的三种方式:

1.<input type=”button” onclick=”alert(‘helloworld!’)”>

2.<input type=”button
onclick=name1()”>======<script>function
name1(){alert(‘helloword!’);}</script> //有名函数

3.<input type=”button” id=”input1″>  //匿名函数

复制代码 代码如下:

<script>
 Var button1=document.getElementById(“input1”);
 button1.onclick=funtion(){
 alert(‘helloword!’)
 }
</script>

3.现代事件书写方式:

复制代码 代码如下:

<input type=”button” id=”input1″>  //IE中添加事件

<script>
 var fnclick(){
 alert(“我被点击了”)
 }
 var Oinput=document.getElementById(“input1”);
 Oinput.attachEvent(“onclick”,fnclick);
 ————————————–
 Oinput.detachEvent(“onclick”,fnclick);//IE中删除事件
</script>

复制代码 代码如下:

<input type=”button” id=”input1″>  //DOM中添加事件

<script>
 var fnclick(){
 alert(“我被点击了”)
 }
 var Oinput=document.getElementById(“input1”);
 Oinput.addEventListener(“onclick”,fnclick,true);
 ————————————–
 Oinput.removeEventListener(“onclick”,fnclick);//DOM中删除事件
</script>

复制代码 代码如下:

<input type=”button” id=”input1″> //兼容IE和DOM添加事件

<script>
 var fnclick1=function(){alert(“我被点击了”)}
 var fnclick2=function(){alert(“我被点击了”)}
 var Oinput=document.getElementById(“input1”);
 if(document.attachEvent){
 Oinput.attachEvent(“onclick”,fnclick1)
 Oinput.attachEvent(“onclick”,fnclick2)
 }
 else(document.addEventListener){
 Oinput.addEventListener(“click”,fnclick1,true)
 Oinput.addEventListener(“click”,fnclick2,true)
 }
</script>

    2.捕获类型: <input
type=”button”>当用户点击按钮时:window-document-html-body-input
(从上往下)

Javascript基础知识(一)核心基础语法与事件模型,javascript基础知识

一.Javascript核心基础语法

1.Javascript是一门增加交互效果的编程语言,它最初由网景公司发明,最后提交给ECMA(欧洲计算机制造商协会),ECMA将Javascript标准化,其命名为Javascript。

2.Javascript是一门解释性语言,无需编译就可以直接在浏览器下运行。

3.Javascript的用途?

 1.可以控制网页中所有元素,增加.删除.修改元素的属性。

 2.可以在html中放入动态文本。

 3.响应用户在使用网页时产生的事件。

 4.校验用户输入的数据。

 5.检测用户的浏览器。

 6.用于创建cookie。

4.Javascript在html网页中创建的三种方式

1.外部样式:

创建一个文件名为:xx.js的文件通过<script
src=”xx.js”><script>来链接

2.内嵌样式:

在html中head或body里使用<script
type=”text/javascript”></script>或直接使用<script></script>载入

3.内联样式:

直接在标签中添加事件:<input onclick=”alert(‘helloworld!’)”>载入

5.Javascript的数据类型:

它的数据类型有两大类:1.原始性数据类型2.引用性数据类型(对象)

原始性数据类型:1.typeof 2.number 3.string 4.boolean 5.null 6.undefined

引用性数据类型:(预定义的对象有三种)1.原生对象(Object,number,string,boolean,function,Array,Date等)2.内置对象:不需要显示初始化(math,Global)3.宿主对象(主要有BOM和DOM)

6.BOM和DOM

BOM:浏览器对象模型Browser Object Model

DOM:文档对象模型Document Object Model

二.Javascript的事件模型

1.Javascript事件模型:1.冒泡类型: <input
type=”button”>当用户点击按钮时:input-body-html-document-window(从下往上冒泡)IE浏览器只是用冒泡

    2.捕获类型: <input
type=”button”>当用户点击按钮时:window-document-html-body-input
(从上往下)

经过ECMA标准化后,其他浏览器都支持两种类型,捕获先发生。

2.传统事件书写的三种方式:

1.<input type=”button” onclick=”alert(‘helloworld!’)”>

2.<input type=”button
onclick=name1()”>======<script>function
name1(){alert(‘helloword!’);}</script> //有名函数

3.<input type=”button” id=”input1″>  //匿名函数

复制代码 代码如下:

<script>
 Var button1=document.getElementById(“input1”);
 button1.onclick=funtion(){
 alert(‘helloword!’)
 }
</script>

3.现代事件书写方式:

复制代码 代码如下:

<input type=”button” id=”input1″>  //IE中添加事件
<script>
 var fnclick(){
 alert(“我被点击了”)
 }
 var Oinput=document.getElementById(“input1”);
 Oinput.attachEvent(“onclick”,fnclick);
 ————————————–
 Oinput.detachEvent(“onclick”,fnclick);//IE中删除事件
</script>
<input type=”button” id=”input1″>  //DOM中添加事件
<script>
 var fnclick(){
 alert(“我被点击了”)
 }
 var Oinput=document.getElementById(“input1”);
 Oinput.addEventListener(“onclick”,fnclick,true);
 ————————————–
 Oinput.removeEventListener(“onclick”,fnclick);//DOM中删除事件
</script>
<input type=”button” id=”input1″> //兼容IE和DOM添加事件
<script>
 var fnclick1=function(){alert(“我被点击了”)}
 var fnclick2=function(){alert(“我被点击了”)}
 var Oinput=document.getElementById(“input1”);
 if(document.attachEvent){
 Oinput.attachEvent(“onclick”,fnclick1)
 Oinput.attachEvent(“onclick”,fnclick2)
 }
 else(document.addEventListener){
 Oinput.addEventListener(“click”,fnclick1,true)
 Oinput.addEventListener(“click”,fnclick2,true)
 }
</script>

2.获取字符码;

套用其他语言的概念是属于比较形而上学的。

xxx=getElementById(“idname”); //返回一个DOM的element对象,id为idname
xxx.onchange=func;
//把这个element对象的onchange方法重写(我想到的是英文override,之前用了错误的中文译法),而这里语法含义是重新赋值为func这一函数对象
Javascript强调函数对象这一概念。因为函数是最基本的对象,是头等公民。
function foo(){ } //新建函数
等价于
var foo=new Function(){ } //新建函数对象
所以
xxx.onchange=foo
xxx.onchange=new Function(“”);
xxx.onchange=function(){}

 3.响应用户在使用网页时产生的事件。

都是把onchange指向另外一个函数(对象)

to 那个刀枪不入的francis674
你的回答,太误人子弟,别人看不过去

“var a = funcitn() {}”
“a是变量,类型是function,alert(a)出来的是函数体的文本定义”
不仅拼写错误,而且解释不出所以然,只好形而上学的说了内容
自己理解不透就来栽赃我,我从未提到
var a = function() {}
可以告诉题主,这是以函数声明的方式定义无名函数。
而,var a = new Function(“”) 是定义函数对象的方式
这2种是互通的

“xxx.onchange=func 这个是事件委托”
//绝非事件委托,仅仅重新指定对象,在没放在事件模型时,语法上仅仅重新指定对象,重写override对象的方法

“本质的区别就是可以理解为一个是变量,一个是指针,实际上都是变量。”
高级语言从来就没有指针,瞎比拟就是形而上学。

“javascript是弱类型的脚本语言。 函数和变量都称为变量。”
//函数能成为变量吗?
“javascript 不支持oop等特性”
//js不支持oop还叫js吗?js属于prototype模型的面对对象编程语言,非常支持oop。
这些话都是可笑错误的,形而上学的。为什么说形而上学,就是学了些用法而臆想原理,夹杂很多错误认识。
取法乎上,只得其中,取法其中,只得其下。如果你好意思把这些错漏百出的表述说给初学者?而跟你学,得到什么呢?不该指责其他认识到这些错漏的人。…余下全文>>
 

一.Javascript核心基础语法
1.Javascript是一门增加交互效果的编程语言,它…

reset:重置

javascript基础问题

3.现代事件书写方式:

javascript基础知识

你学过JAVA应该很好理解的~~

对象可以有层次性的~~~

public class test {
public string a = “a”;
}
test t1 = new test();
test1.a = “b”;

就是类似以上的意思啊~~

document是DOM实现的~~
楼上说的是错的..javascript不提供DOM和BOM得对象..这些对象的实现是所在的浏览器提供的~~在IE中…可以用vbscript也能实现document…当然还有其他语言可以实现..

all是IE特有的一个属性..好像是,这个不敢肯定~~意思是返回document下的所有DOM的集合…
而form.numeric是对取form对象下的numeric对象~可能是这样的
<form id=”form”><input type=”text” id=”numeric”
/></form>

推荐书是 <JavaScript高级程序设计> ~ 是本基础书~~

如果不想购买书~~可以下2本手册…JScript手册(是MS的JScript语言,基本可以参考99%)和DHTML手册(也是MS的..可以参考DOM)~
 

6.srcElement:导致事件发生的元素;

javascript基础知识

你学过JAVA应该很好理解的~~

对象可以有层次性的~~~

public class test {
public string a = “a”;
}
test t1 = new test();
test1.a = “b”;

就是类似以上的意思啊~~

document是DOM实现的~~
楼上说的是错的..javascript不提供DOM和BOM得对象..这些对象的实现是所在的浏览器提供的~~在IE中…可以用vbscript也能实现document…当然还有其他语言可以实现..

all是IE特有的一个属性..好像是,这个不敢肯定~~意思是返回document下的所有DOM的集合…
而form.numeric是对取form对象下的numeric对象~可能是这样的
<form id=”form”><input type=”text” id=”numeric”
/></form>

推荐书是 <JavaScript高级程序设计> ~ 是本基础书~~

如果不想购买书~~可以下2本手册…JScript手册(是MS的JScript语言,基本可以参考99%)和DHTML手册(也是MS的..可以参考DOM)~
 

 1.可以控制网页中所有元素,增加.删除.修改元素的属性。

javascript基础问题

submit:当表单被提交时,触发submit事件;

var bbb=aaa();//bbb被赋值为aaa的返回值

var bbb=aaa;
//bbb被(地址)赋值为aaa,由于这里aaa是“函数对象”,bbb也成了函数对象,也成了一个函数
可以调用bbb();
这里“函数对象”和弱类型无关,这是把函数作为头等公民(First-class
function)的语言设计。

javascript无严格意义上的“引用”或“指针”。

在html中head或body里使用<script
type=”text/javascript”></script>或直接使用<script></script>载入

Event对象:(event对象是window对象的属性,当事件发生时,同时产生event对象,事件结束,event对象消失)

3.Javascript的用途?

onmouseout:当鼠标移出时;

它的数据类型有两大类:1.原始性数据类型2.引用性数据类型(对象)

onunload:卸载页面时;

5.Javascript的数据类型:

<input type=”button” id=”input1″>  //IE中添加事件

直接在标签中添加事件:<input onclick=”alert(‘helloworld!’)”>载入

5.获取屏幕坐标;

2.<input type=”button
onclick=name1()”>======<script>function
name1(){alert(‘helloword!’);}</script> //有名函数

ondblclick:双击鼠标左键时;

DOM:文档对象模型Document Object Model

resize:当窗口或框架尺寸调整时触发的事件;

创建一个文件名为:xx.js的文件通过<script
src=”xx.js”><script>来链接

2.clientY;

1.<input type=”button” onclick=”alert(‘helloworld!’)”>

3.现代事件书写方式:

2.传统事件书写的三种方式:

onmouseover:当鼠标移入时;

复制代码 代码如下:

<script>
 var fnclick(){
 alert(“我被点击了”)
 }
 var Oinput=document.getElementById(“input1”);
 Oinput.addEventListener(“onclick”,fnclick,true);
 ————————————–
 Oinput.removeEventListener(“onclick”,fnclick);//DOM中删除事件
</script>

经过ECMA标准化后,其他浏览器都支持两种类型,捕获先发生。

onclick:点击鼠标左键时;

3.内联样式:

一.鼠标事件:

 5.检测用户的浏览器。

4.获取客户区坐标;

一.Javascript核心基础语法

1.clientX;

Author

发表评论

电子邮件地址不会被公开。 必填项已用*标注