html(JS)学习笔记2

I/O

读取信息

var yourName = prompt(“What is your name?”);

读入的是字符串,switch 用的是

===

​ onChange=”var dataEntered=document.getElementById(‘randInput’).value;

alert(‘User Typed ’ +dataEntered);”>

屏幕输出

document.write(“Random #(1-10) = “,Math.floor((Math.random()*10)+1),”
”);

document.getElementById(“sayHello”).innerHTML = “Hello” + yourName;

换行

<br/>

click

<a href="JavaScript:void(0)" onClick="alert('Hello');"
ommouseover="this.style.color='red'"

ommouseout="this.style.color='blue'"

ommouseclick="this.text='You Double clicked me'"

onmousedown="this.text='Don\'t Press too hard'"

onmouseup="this.text='Thank you'">Say Hello</a><br/>

函数

argument对象:参变量个数不确定,模拟函数重载

var sayHello=function(arg)

arguments.length

返回个数注意加s

函数可以作为对象被new出来

var add=new Function(sum1,sum2);

call

方法和

apply

方法

变量是function scope

class

//example in textbook
var obj={
property1: name,//comma
}
var obj={
name : "XiaoMing",
age : 18,//comma!!!
show : function(){
console.log(this.age);
}
};//semicolon!!
obj.show();

//example in video
var customer = {
name:"Bob Tomas",adress:"123 Main",balance : 50.50};
for(k in customer){
document.write(customer[k]+'<br/>');
}

把对象set成一个constructor,给别人new

var obj=function (name,age){
this.name = name;
this.age  = age;
this.show = function(){
console.log(this.age);
};
};
obj.prototype.food = "an";//add elements
var obj1=new obj("Mike",15);
obj1.show();`

array

[1,2,3]

push()

,

pop()

,

shift()

(删除第一项并缩小数组),

unshift()

,

reverse()

,

customer.sort(function(x,y){return y-x});

customer.splice(2,1,"P","pp");

toString()

camel= =

delete customer

和python类似

string:

substr(beg,length) substring(beg,end+1)

//tags

var strToStyle = "Random String";

document.write("Replace : ",strToStyle.replace("Random","explict")+"<br/>");

document.write("toUpperCase : ",strToStyle.toUpperCase(),"<br/>");

document.write("Big : ",strToStyle.big(),"<br/>");

document.write("Small : ",strToStyle.small(),"<br/>");

document.write("Bold : ",strToStyle.bold(),"<br/>");

document.write("Font Color : ",strToStyle.fontcolor("blue"),"<br/>");

document.write("Font Size : ",strToStyle.fontsize("8em"),"<br/>");

document.write("Italics : ",strToStyle.italics(),"<br/>");

document.write("Google : ",strToStyle.link("http://google.com"),"<br/>");

document.write("Sub : ",strToStyle.sub(),"<br/>");

document.write("Sup : ",strToStyle.sup(),"<br/>");

document.write("Strike : ",strToStyle.strike(),"<br/>");

Math

Math.PI

.

Math.random

;

P91