JavaScript---学习一

JS书写的位置：

1、直接在HTML标签中书写

//javascript代码

2、在单独的文件中书写，链接到中

3、直接使用 javascript:function()

click

注意：如果不让a标签的href发送请求可以使用

javascript:void(0);或者javascript:;（推荐使用）

JS调试对象Console：

1、Console是什么：
console对象是浏览器中提供的一个对象，并不是所有浏览器都支持。该对象专门为程序员作调试程序使用。

2、使用：
console专门用来调试，调试完毕之后赶快删除。
console对象中的输出内容都在console控制台上。

3、那些浏览器支持Console对象
1）Google浏览器默认情况下支持；
2）新的Firefox浏览器默认才支持，老的Firefox浏览器须安装firebug；
3）新版本的IE浏览器也支持。

4、日志调试
console.log(“日志调试”)；

console.debug(参数1,参数2,参数3…..);
参数的类型可以是任意的..

console.dir(对象和数组);
查看一个数组或者一个对象中的内容和属性.
比如：
var arr = {“hello”,”excuse me”};
console.dir(arr);
控制台输出：0 hello
1 excuse me

JS基本语法：

‘use strict’; //这是JS中的严苛模式(对语法要求比较严格) 放在第一行 那就对全局起作用 如果放在 方法内部 仅仅对方法局部有作用

/========================================简单函数和变量声明 ==================/

//变量的声明方式：
//1、先声明再赋值
var name;
name = “wangchengm”;
//2、多个变量同时声明
var name,sex,age;
//3、多个变量同时赋值
name = sex = age = 30;
var name = sex = age = 30;

//注意:如果变量只有声明没有赋值该变量值为 undefined 会报错

var a = 30;
var b = 20; //声明变量
//函数
function hello() {
if (a > b){
alert(“a bigger than b”); //JS内建函数
}else{
confirm(“a smaller than b”);
}
}
//调用 函数
hello();

/**
* 判断一个变量是否是数字 如果是 求它 三次幂
*/
function caculNum(number){
if (isNaN(number)){ //判断是否是number 不是返回ture 是返回false
return “it is not a number”;
}else{
return Math.pow(number,3); //number的三次方
}
}
var num = “a”;
var result = caculNum(num);
if(isNaN(result)){
alert(“result is not a number”);
}else{
alert(“result is” + result);
}

//匿名函数：
var func = function () {
alert(“匿名函数”);
}
//调用
func();

//匿名函数的自调用 该函数没有赋值给一个变量，
(function () {
alert(“匿名函数的自调用”);
})();

//函数是可以作为参数传递给另外函数的
var add = function (a,b) {
return a+b
}
function show(a,b,handler) {
return handler(a,b)
}
//调用
var sum = show(2,3,add); //sum = 5;

//函数的返回值 可以是一个函数
function showMsg() {
return function () {
alert(“返回的函数”);
}
}
var result = showMsg();//result就是函数体
//调用
result();

//JS函数的编译

// 函数在编译时会被自动声明到script第一行之前的之前，
// 最最前面（在全局变量之前），并且以函数名 为变量名字，
// 同时将函数自身赋值给该变量，所以同名变量将会覆盖同名的函数。

/===========================================字符串的方法和属性=====================/
var name = “wangchengmeng”;
function getNameLength() {
alert(name.length); //字符串的长度
alert(name.substr(0,3)); //wan
alert(name.toUpperCase()); //WANGCHENGMENG
}
//getNameLength();
// slice() match() search() replace() contact()

/===========================================数组=============================/
//创建数组 1
var stars = new Array(3);
stars[0] = “zhangfei”;
stars[1] = “guanyu”;
stars[2] = “liubei”;

//创建数组 2
var names = [“array1”,”array2”,”array3”];

//创建数组3 类似二维数组
var muiltyArray = [[“hehe”,”haha”],[“cry”,”smile”],[“love”,”hate”]];

//使用concat() 连接两个数组
var oldArr_1 = [1,2,3];
var oldArr_2 = [4,”hello”];
var newArr = oldArr_1.concat(oldArr_2); //newArr –> [1,2,3,4”hello”]

//使用join() 将一个数组中的元素变成一个连接的字符串 还可以指定分隔符
var joinArr = [“a”,”b”,”c”];
var newJoin = joinArr.join(““); // 为分隔符 newJoin==”a*b*c” 可以不利用for循环 查看数组的全部元素

//push() pop() 方法 都是在队尾开始操作

//push() 向数组尾部添加一个元素 并返回该数组此刻的length

//pop() 删除数组尾部的 一个元素 并返回删除的元素

/===========================================基本类型之间的类型转换==================/
var num1 = 100;
var num2string = String(num1); // number – string

var string1 = “wangchengmeng”;
var string2num = Number(string1); // string – number ToNumber()函数也可以

/========================================循环 条件语句====================/
// if else ,while do while,switch 一样的
//for循环
for (var i = 0;i<2;i++) {
alert(“loop:”+i);
}

//for in 循环
var forInArr = [“hello”,”hi”,”excuse me”];
for (var arr in forInArr) {
alert(forInArr[arr]); //arr遍历出来的是下标
}

var forInObj ={};
forInObj.name = “wangchengm”;
forInObj.age = “24”;
forInObj.sex = “boy”;
//标记：在JS中 访问对象的属性有两种方式 forInObj.name forInObj[name]
for(var obj in forInObj) {
alert(obj+”=====”+forInObj[obj]); //obj 对应对象的属性 forInObj[obj] 对应属性的值
}

/========================================条件语句验证表单===================/
function submits() {
var name = document.forms[0].name.value;
if (name == “mike”) {
alert(“hello mike,how are you!”);
}else if (name == “Oli”) {
alert(“Hi, Oli,where are you going?”);
}else{
alert(“anybody here?”);
}
return true;
}

//confirm 内建函数
function isConfirm(answer) {
var result = “”;
if (answer) {
result = “your answer is right”;
}else {
result = “your result is wrong”;
}
return result;
}
var con = confirm(“How about?”);
var resu = isConfirm(con);
alert(resu);