Java Script的基础学习
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Java Script的基础学习相关的知识，希望对你有一定的参考价值。
一、什么是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 onload="checkCookies()">
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 框架等），提供更方便的编程方式。后期学习~~~
以上是关于Java Script的基础学习的主要内容，如果未能解决你的问题，请参考以下文章