JavaScript

avaScript是基于对象和事件的脚本语言,也就是说对象和事件都已经进行封装了而Java是面向对象的语言需要自己封装。
特点
1安全性(不允许直接访问本地硬盘),他可以做的就是信息的动态交互。
2,跨平台性(只要可以解释Js的浏览器就可以执行,和平台无关)
与Java的不同
1,JS是基于对象的,Java是面向对象的
2,JS只需解释就可以执行,Java需要先编译成字节码文件,在执行
3,JS是弱类型非严谨性语言,Java是强类型的严谨语言

JS与Html的融合方式
想要将其他代码融入到Html中,都是以标签的形式
1.JS代码存放在标签对<Script>....</Script>中
2.使用该标签的src 属性引入一个js文件。
<script src="test.js" type="javascript"></script>
注意规范中script标签中必须要加入type属性。

JS语法基础
变量
关键字var,JS是弱类型语言中并没有指定数据类型
var x=3;var x="名字"(单引号双引号都一样);
特殊常量值undefined;当变量没有被初始化的时候,默认值为undefined

JS中默认0就是false,1就是true,null就是false,非null就是true;1+true是能够运算的结果为2;
在JS中要连接另个判断必须要用双与&&和双或||
if调节语句
swtich语句,case语句可以接收各种类型的值,而java只支持byte short int char1.7版本之后支持string
while语句,JS循环中尽量不要写无限循环
for循环

数组
var arr=[4,6,8];数组的声明
JS中数组是可变长度的,且数据类型也不是固定的

函数
1.function 关键字
function show(形式参数){
alert("show run");
}
show();
var x=show();此处如果不加括号指向的是方法对象,加上括号就是方法调用执行后的结果。
alert(x);
函数内部默认有个arguments数组用来封装接收传进来的参数 ,一般参数都是直接定义方法上提高阅读性
2.动态定义
var show=new Function("x","y","var sum=x+y;return sum");//动态函数,使用Function对象创建方法
var sum = show(45);
alert(sum);

事件
事件可以通过匿名函数的方式处理
window.onload=function(){
alert("run");
}
非匿名
function show(){
alert("run");
}
window.load=show();

对象
JS中的对象都是通过方法来完成的
function Person(){alert("run");}
var p=new Person();
p.name=30;//添加属性直接加
p.chifan=function(){//对象中添加方法也是通过匿名方法来完成的
alert("chifan");
}
p.chifan();
alert(p["name"]+":"+p.age);这是调用属性的两种方式,前一种可以直接传递参数,后者是不可以的。

可以将JS代码封装到一个JS文件中,之后再链接该文件直接使用

JS用于操作对象的语句
with语句
with(对象){
内部区域可以随时使用该对象的属性,而不用再对象.属性使用。确定了对象的适用范围。
}
for in语句
for(s in stu){//遍历对象属性语句
alert(s+":"+stu[s]);//此处不能使用stu.s因为该对象中没有该属性,可以使用[]代替属性
}
for(x in arr){
alert(arr[x]);//遍历数组的脚标。而不是其中的元素
}

脚本语言可以在方法中操作HTML标签的
常用对象类似于java中的类,只要是这种对象都具有其中的方法和属性
String
Object
Array
Date
公用属性prototype返回对象原型引用,可以自定义功能。将方法对象传递给对象的自定义属性
Array.prototype.getMax=getMax;//此处getMax()是自定义方法,为了让Array对象调用该方法,通过prototype获得原类型引用,设置其getMax属性指向方法对象getMax;
var x=arr.getMax();此处就可以调用方法了。

DOM编程
document object model文档对象模型,将标记型文档及其中的所有标记性标签都封装成了对象,通过对对象属性和行为的操作来动态的实现功能
dom三层模型
dom1:将html文档封装成对象
dom2:将xml文档封装成了对象
dom3:将xml文档封装成了对象
将文档标签体系封装成对象DOM树体系,每次分叉都是一个节点,通过操作节点来实现快速的操作标签。

DHMTL 动态HTML,多种技术的结合体
HTML CSS DOM JAVASCRIPT
HTML负责将数据进行封装
DOM的出现将标签封装成对象
CSS负责标签中数据的样式
javaScript:将三个进行融合,通过程序设计方式来完成动态效果。

AJAX--DHTML+xmlHttpRequest

window对象
JS中所有事物都是封装成对象的
window对象是浏览器窗口对象
内部常用对象
navigator该对象包含有关访问者浏览器的信息和事件
location包含了当前URL的信息和事件
history包含了历史URL的信息和事件
screen
常用方法
alert消息对话框
close关闭窗口
confirm确认对话框
moveby(x,y)向右向下偏移
moveto(x,y)位置移动到指定位置
resizeby(x,y)
resizeto(x,y)大小
prompt(message,text)显示一个可输入的对话框
open()打开一个新窗口
setTimeout()设定时间窗口退出
常用事件
onload
onunload
常用属性
keyCode;获取键编码值
returnValue设置事件的返回值。
srcElement返回当前事件源对象。一般是节点对象。
getParentNode获得父节点对象
getElementsByTagName;根据名称获得下级节点数组

制定图形化界面效果的基本步骤
1,定义数据封装的标签(定义界面)
2,确定事件源
3,注册事件
4,事件处理

获取事件对象源的两种方式
1.通过event对象的srcElement属性
2。将事件源对象通过事件参数this传入。
3.通过上级关系获得上下级节点对象。

前面是基础之后要看的就是些具体标签的实际操作

原文地址:https://www.cnblogs.com/ss561/p/4611061.html