Java Script的基础学习

时间：2017-04-05 20:14:31 阅读：189 评论：0 收藏：0 [点我收藏+]

标签：测试的习惯 load 前端后退 prot mouseover 文本 splay

一、什么是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的基础学习

标签：测试的习惯 load 前端后退 prot mouseover 文本 splay

原文地址：http://www.cnblogs.com/wpx-yk/p/6670215.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行