一、什么是java script?
简称:js。是前端知识的一部分,语句用于向浏览器发送命令,告诉浏览器该做什么。js同一般的编程语言类似。但是语法上可能会有区别。基础知识的学习分为:变量、循环、函数、库函数等几方面。
二、变量
JavaScript 对大小写是敏感的。且弱化数据类型
提示:一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。
一条语句,多个变量
var name="G", age=1, job="CTO";
声明也可横跨多行:
var name="G";
age=1;
job="CTO";
var carname; //变量 carname 的值将是 undefined
var carname="Volvo";
var carname;//
在以下两条语句执行后,变量 carname 的值依然是 "Volvo"
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型
var x ;//x为undefined
var x = 6;//x为数字
var x = "add";//x为字符串
JavaScript 只有一种数字类型。数字可以带小数点,也可以不带
数组的格式:
var cars=new Array(); cars[0]="A"; cars[1]="B"; cars[2]="c";
或者 var cars=new Array("A","B","C");
或者 var cars=【"A","B","C"】
提示 :数组下标是基于零的,所以第一个项目是 [0],第二个是 [1],以此类推。
对象的格式(在 JavaScript 中,对象是拥有属性和方法的数据):
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={name:"wangnima", sex:"不明", id:11111111};
创建对象:
var x = new object();
x.name = "wangnima";
x.sex = "不明";
x.id = "666";
对象的两种寻址方式:
(1)name = person.name;
(2)name = person["name"]
Undefined 和 Null
Undefined 这个值表示变量不含有值
可以通过将变量的值设置为 null 来清空变量。
JavaScript 中的所有事物都是对象.
声明变量类型:
明新变量时,可以使用关键词 "new" 来声明其类型:
var x = new String;
var x = new Number;
var x = new Boolean;
var x = new Arrary;
var x = new object();
条件运算符:
(1)greeting=(visitor=="PRES")?"Dear President ":"Dear ";//如果变量 visitor 中的值是 "PRES",则向变量 greeting 赋值 "Dear President ",否则赋值 "Dear"。
(2) if 条件 {} else {}
循环:
(1) for循环
var i =2,len=s.length;
for(;i<len;<i++){}
var i =2;len = s.length;
for(;i<len;){i++;}
var x = {name:"wangnima",sex:"buming",id="666" }
for(i in x) {}
(2) while循环
while(i < 5){i++}
函数:
JavaScript 测试和捕捉(函数里用):
try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。
trycatch 是成对出现的。
语法:
try{//这里运行代码}
catch(err){这里处理错误}
改变 HTML 属性:
document.getElementById("image").src="landscape.jpg";
改变 HTML 样式:
document.getElementById("p2").style.color="blue";
对事件做出反应:
document.getElementById("myBtn").onclick=function(){displayDate()};
onload 和 onunload 事件:
onload 和 onunload 事件会在用户进入或离开页面时被触发。eg: <body >
onmouseover 和 onmouseout 事件:onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
onmousedown、onmouseup 以及 onclick 事件:
onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。
exec():exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。
Window 方法:
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸
Window Screen:
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
Window Location:window.location 对象在编写时可不使用 window 这个前缀
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议(http:// 或 https://)
Window History:
history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同
window.navigator 对象包含有关访问者浏览器的信息。
警告框:alert("文本")
确认框:confirm("文本")
提示框:prompt("文本","默认值")
总结:js的语法就那么多,只要掌握了基本语法,之后的使用大多都是会搜对应库函数了。当然js也有许多框架(JavaScript 框架等),提供更方便的编程方式。后期学习~~~