001_JavaScript学习

1，面向对象，事件驱动

2，动态，交互性

3，解释性语言，非强（弱）类型变量：不用声明，解释时检查类型

4，区分大小写，嵌入html，句尾加分号，可以独立保存为一个外部文件，但其中不能包含<script></script>标签

5，js常用的语句：

document.write("this is my first js");

<a href="javaScript:alert('test alert')">test alert</a><br>

<a href="#" onclick="alert('test onclik')">test onclik</a>

<input type="button" value="button" onclick="testFunction(1);">

<script type="text/javascript" src="./js/hello.js"></script>

function testFunction(testNum){

quanjuVar02 = "在方法内没有var的全局变量";

}

var quanjuVar01 = "定义在方法外的全局变量";

with(document){
        writeln("with(对象)");

}

等同于：document.writeln("xxxx");

function member(name,sex){/* 构造函数 */
this.name = name;
this.sex = sex;
}

function showProperty(obj,objString){
var str = "";
for(var i in obj){//for循环
str += objString + "." + i + "=" + obj[i] + "<br>"; 
}
return str;
}

var obj = new member("刘德华","男");

document.writeln(showProperty(obj,"person"));

<script type="text/javascript" charset="UTF-8">
//js中日期的操作
var date = new Date();
var day = date.getDay();
if(day == 0 ){

day = "日";
}

document.writeln("直接打印全部时间："+date+"<br>");
document.writeln("分开打印年月日："+(date.getYear()+1900)+"年"
+(date.getMonth()+1)+"月"
+date.getDate() + "日"
+"星期"+day + "        "
+date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds()
+"<br>");
</script>

<script type="text/javascript" charset="UTF-8">

var fruit = new Array("apple","apple01","apple02");
for(var i=0; i<fruit.length;i++){
document.writeln(fruit[i]);
}
document.writeln("<br>");

var fruit01 = new Array(3);
fruit01 = new Array();
fruit01[0] = "apple";
fruit01[1] = "apple2";
fruit01[2] = "apple3";
for(var i=0; i<fruit01.length;i++){
document.writeln(fruit01[i]);
}
document.writeln("<br>");

var fruit03 = ["apple001","apple002","apple003"]
for(var i=0; i<fruit03.length;i++){
document.writeln(fruit03[i]);
}
document.writeln("<br>");

</script>

join() toString() reverse() valueOf()

二维数组，String操作：48

<script type="text/javascript" charset="UTF-8">
function isEmail(){
var ele_Email = document.getElementsByName("email")[0];
if(ele_Email.value.indexOf("@") == -1){
alert("please input right email");
}else{
alert("ok");
}
}

</script>
  <input type="text" name="email">
  <input type="button" value="check" onclick="isEmail();">

<script type="text/javascript" charset="UTF-8">
function member(name,sex){
this.name = name;
this.sex = sex;
this.display = display;//指定member对象的display方法
}


function display(){
var str = this.name + "=" + this.sex;
document.writeln(str);
}

var m1 = new member("lisi","man");

document.writeln("姓名="+m1.name+"<br>");
document.writeln("姓名="+m1.sex+"<br>");
document.writeln(m1.display()+"<br>");//推断出是函数，所以调用display()而不是this.display
</script>

function mOver(object){
object.color = "red";
}

function mOut(object){
object.color = "blue";
}

 <font onclick="window.location.href='https://www.baidu.com'" onmouseover="mOver(this)" onmouseout="mOut(this)">百度</font>

this在这里是指font对象

定时器：

    定时器名 = setTimeout("<表达式>",毫秒)

var num = 0;
function count(){
setTimeout("cou()",7000);//注意这里需要7秒才执行，但是后面的输出语句将不会等待
document.writeln("num="+num);
}
function cou(){
document.writeln("num="+num);
num ++ ;
}
</script>

  <input type="button" value="check" onclick="count();">

var sec = 0;

var timeId = setInterval("count()",1000);

function count(){
document.getElementById("num").innerHTML=sec++;
}
  <font color="red" id="num">0</font>秒钟
  <input type="button" value="stop" onclick="clearInterval(timeId);">

function getEvent(event){//事件自动传入
alert("事件类型："+event.type);
}
document.onmousedown = getEvent;//没有()

<input type="button" value="check" id="check">
<script type="text/javascript" charset="UTF-8">
var obj = document.getElementById("check");
obj.onclick = clickHandler;

function clickHandler(event1){
alert(event1.type);
}
</script>

function focuss(){
var ele = document.getElementById("valueId2");
ele.focus();
}

document.cookie = “”

function(message){console.log(message);调试js代码}——但是IE不认识console.log，所以要注释掉

function testConsole(message){
console.log(message);//注释掉，是不会报错的
console.info(message);//注释掉，是不会报错的
console.warn(message);//注释掉，是不会报错的
console.error(message);//注释掉，是不会报错的
}

function test(message){
testConsole(message);
}

test("message");

6，js的内置对象

window（<font onclick="window.location.href='https://www.baidu.com'">百度</font>）
setInterval()和clearInterval()

窗口对象：window.属性/方法  opener.属性/方法

screen

事件：event（document.onmousedown = getEvenet）

7，函数就是对象

8，var add = function(number)   ==>function add(number)

9，没有方法（函数）重载的概念

10，传参个数多少无关，如果打印一个null值：Undefined undefined

11，Function 对象，自定义函数是Function类型（number是传参，后面一个参数是方法体）

12，每个函数都一个隐含的对象：arguments[0]（给当前函数传递的第一个实际参数），表示给函数实际传递的参数。和函数的形参无关

    arguments.length

13，模拟函数的重载：