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 quanjuVar01 = "全局变量";

with(document){

writeln("with(对象)");

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


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

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

document.writeln(showProperty(obj,"person"));
<script type="text/javascript" charset="UTF-8">

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.writeln("onmousedown");
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>
var num      num.focus
document.cookie = “”
Undefined undefined
 


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,传参个数多少无关

11,Function 对象,自定义函数是Function类型


12,每个函数都一个隐含的对象:arguments[0],表示给函数实际传递的参数。和函数的形参无关

    arguments.length

13,













猜你喜欢

转载自blog.csdn.net/mark_lirenhe/article/details/80902866