javascriptone
var start=Date.now();
document.write("<h1>This is a paragraph.</h1>");
function myFunction()
{
x=document.getElementById("demo");
x.innerHTML="Hello JavaScript! by id";
}
function myFun()
{
x=document.getElementsByClassName("demo");
x[0].innerHTML="Hello JavaScript! by class";
}
function changeImg()
{
x=document.getElementById('lamp');
if(x.src.match("../resources/img/on.gif")){
x.src="../resources/img/off.gif";}
else{
x.src="../resources/img/on.gif";
}
}
function red(){
x=document.getElementById('red');
x.style.color="#ff0000";
}
function submit(){
x=document.getElementById('num').value;
if(x==""||isNaN(x)){
alert("not number");
}else{
alert("is number");
}
}
document.write("Hello \
world!");
var x=2;
var y=x+3;
var z="Yes,I am!"
document.write(x,y,z);
var w=123e5,q=123e-5;
document.write(w+q);
var cars=new Array();
cars[0]="aaa";
cars[1]="bbb";
document.write(cars[1]);
var doors=new Array("ccc","ddd","eee");
document.write(doors[2]);
var wood=["fff","gggg","hhh"];
document.write(wood[0]); //b,e,f
var person={
first:"Bill",
last:"Gates",
age:"12"
}
var x;
var txt="";
document.write("<br/>"+person.first+"<br/>");
document.write(person["last"]+"<br/>");
for(x in person){
txt+=person[x];
}
document.write(txt);
myName=new Object();
myName.first="li";
myName.last="jin";
myName.age=19;
document.write("<br/>"+myName.first+" is "+myName.age+" years old. jin的字符串长度是"+myName.last.length+"转换成大写"+myName.first.toUpperCase()+myName.last.toUpperCase());
function add(name,job){
alert("Welcome "+name+" ,the "+job);
}
function cat(a,b){
return a*b;
}
document.getElementById("logic").innerHTML=cat(3,5);
var txt1="<br/>What a very"
var txt2="nice day!"
var txt3=txt1+" "+txt2;
document.write(txt3);
x=5+5;
document.write(x);
document.write("<br />"); //10
x="5"+"5";
document.write(x);
document.write("<br />"); //55
x=5+"5";
document.write(x);
document.write("<br />");//55
x="5"+5;
document.write(x);
document.write("<br />");//55
//星期几
function week(){
var x;
var d=new Date().getDay();
switch(d){
case 0:x="Today is Sunday.";break;
case 1:x="Today is Mon.";break;
case 2:x="Today is Tues.";break;
case 3:x="Today is Wed.";break;
case 4:x="Today is Thur.";break;
case 5:x="Today is Fri.";break;
case 6:x="Today is Sat.";break;
}
document.getElementById('weeks').innerHTML=x;
}
cars=["BWM","VOLVE","SAAB","FORD"];
var i=0;
while(cars[i]){
document.write(cars[i]);
i++;
}
document.write("<br/>");
var j=0;
for(;cars[j];){
document.write(cars[j]);
j++;
}
function some(){
try{
adddlert("Welcome guest!");
}
catch(a){
txt="页面有一个错误\n\n"+"错误描述:"+a.message+"\n\n"+"点击继续。"
alert(txt);
}
}
function test(){
try{
var x=document.getElementById('write').value;
if(x=="") throw "值为空";
if (isNaN(x)) throw "不是数字";
if (x>10) throw "太大";
if(x<5) throw "太小";
}
catch(err){
var y=document.getElementById('test');
y.innerHTML="错误:"+err+"。";
}
}
//表单验证 必填(或必选)项目
function validate_required(field,alerttxt){
with(field)
{
if(value==null||value==""){
alert(alerttxt);
return false;
}
else{
return true;
}
}
}
function validate_form(thisform){
with(thisform){
if(validate_required(email,"Email must be filled out!")==false){
email.focus();
return false;
}
}
}
//邮箱验证
function validate_emaile(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_forme(thisform)
{
with (thisform)
{
if (validate_emaile(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
//DOM
var x=document.getElementById("main");
var y=x.getElementsByTagName('p');
document.write(y[0].innerHTML);
y[1].innerHTML="改变了内容哦"
//日期
document.write("<br/>今天的日期是:"+Date());
//css
document.getElementById('p2').style.color="red";
function change(id){
id.innerHTML="欢迎!"
}
document.getElementById('foc').onclick=function(){displayDate()};
function displayDate(){
document.getElementById('em').innerHTML=Date();
}
function aler(){
alert("欢迎进入(^.^)");
}
var message = "some String";
document.write(typeof bcd);
document.write(typeof message);
document.write(typeof(null));
document.write(typeof 32);
// var color='blue';
// function changeColor(){
// if (color==='blue') {
// color="red";
// }else{
// color='red';
// };
// }
// changeColor();
// document.write("<br/>"+color);
var color="blue";
function changeColor(){
var anotherColor="red";
function swapColor(){
var tempColor= anotherColor;
anotherColor =color;
color=tempColor;
alert(color);
}
swapColor();
}
changeColor();
var personsb={
name: "koooh",
age: 12,
5:true
}
document.write("<p>"+personsb["name"]+"</p>");
document.write("<p>"+personsb.name+"</p>");
document.write("<p>"+personsb[5]+"</p>");
//数组Array
var computers=new Array(3);
var pointer=new Array("poin1","poin2","poin3");
var clothes=["red","green","blue"];
document.write("<p>"+clothes+"</p>");
document.write("<p>"+clothes.toString()+"</p>");
document.write("<p>"+clothes.valueOf()+"</p>");
document.write("<p>"+clothes.join("&&")+"</p>");
clothes[clothes.length]="black";
document.write("<p>"+clothes[3]+"</p>");
if(Array.isArray(clothes)){
document.write("hello!");
}
var person1={
toLocaleString:function(){
return "Niko";
},
toString:function(){
return "Mimo";
}
}
var person2={
toLocaleString:function(){
return "Niko2";
},
toString:function(){
return "Mimo2";
}
}
var people=[person1,person2];
document.write("<p>"+people+"</p>"); //默认字符串转换为toString()
document.write("<p>"+people.toString()+"</p>");
document.write("<p>"+people.toLocaleString()+"</p>");
var someColors=new Array();
var count=someColors.push("red","green");
document.write("<p>"+count+"</p>"); //2
document.write("<p>"+someColors+"</p>"); //red,green
count=someColors.push("black");
document.write("<p>"+count+"</p>"); //3
document.write("<p>"+someColors+"</p>"); //red,green,black
count=someColors.pop();
document.write("<p>"+count+"</p>"); //black !important
document.write("<p>"+someColors+"</p>"); //red,green
count = someColors.shift();
document.write("<p>"+count+"</p>"); //red
document.write("<p>"+someColors+"</p>"); //green
count=someColors.unshift("yellow","pink");
document.write("<p>"+count+"</p>"); //3
document.write("<p>"+someColors+"</p>"); //yellow,pink,green
var num=[1,2,3,4,5,23,10,13,23];
document.write("<p>"+num+"</p>");
document.write("<p>"+num.reverse()+"</p>"); //顺序反传
document.write("<p>"+num.sort()+"</p>"); //字符串从小到大,并不是数字从小到大
function compares(a,b){
if(a<b){
return 1; //比较函数第一个应该位于第二个之后的返回1
}
if(a>b){
return -1;
}
else{
return 0;
}
};
num.sort(compares)
document.write("<p>"+num+"</p>");
function cp(a,b){
return a-b;
}
num.sort(cp) //concat 和 slice不会改变原始数组
document.write("<p>"+num+"</p>");
var dogs=["dots","white"];
var dogs2=dogs.concat("yellow","brown","black");
document.write("<p>"+dogs+"</p>"); //dots,white
document.write("<p>"+dogs2+"</p>"); //dots,white,yellow,brown,black
var dogs3=dogs2.slice(1);
var dogs4=dogs2.slice(1,3);
document.write("<p>"+dogs3+"</p>"); //white,yellow,brown,black
document.write("<p>"+dogs4+"</p>"); //white,yellow
var numbers=[1,2,3,4,5,4,3,2,1];
var everyResult=numbers.every(function(item){
return(item>2);
})
document.write("<p>"+everyResult+"</p>");//false
var someResult=numbers.some(function(item,index,array){
return(item>2);
})
document.write("<p>"+someResult+"</p>");//true
var filterResult=numbers.filter(function(item,index,array){
return(item>2);
})
document.write("<p>"+filterResult+"</p>");//3,4,5,4,3
var mapResult=numbers.map(function(item,index,array){
return(item>2);
})
document.write("<p>"+mapResult+"</p>");//false,false,true,true,true,true,true,false,false
var mapResult=numbers.map(function(item,index,array){
return(item*2);
})
document.write("<p>"+mapResult+"</p>");//2,4,6,8,10,8,6,4,2
numbers.forEach(function(item,index,array){
document.write(item*2);//2468108642 forEach无返回值
})
var values=[1,2,3,4,5,6];
var sum=values.reduce(
function(prev,cur,index,array){
return prev+cur;
})
document.write("<p>"+sum+"</p>");
var sumr=values.reduceRight(
function(prev,cur,index,array){
return prev+cur;
})
document.write("<p>"+sumr+"</p>");
//Date
var stop=Date.now();
var time=stop-start;
document.write("<p>"+time+"</p>");
//正则表达式
var text = "000-00-0000";
var pattern = /\d{3}-\d{2}-\d{4}/;
if(pattern.test(text)){
document.write("正则表达式哦")
}
var sumi=function(num1,num2){
return num1+num2;
}
document.write(sumi(1,3));
function suma(num1){
return num1+10;
}
function addadd(a,b){
return a(b);
}
var book=addadd(suma,20);
document.write(book);
//高端函数
function createComparisonFunction(propertyName){
return function(object1,object2){
var value11=object1[propertyName];
var value22=object2[propertyName];
if(value11<value22){
return -1;
//return value11-value22;
}else if(value11>value22){
return 1;
}
else{
return 0;
}
};
}
var data = [{name:"zhang",age:12},{name:"li",age:14}];
data.sort(createComparisonFunction("name"));
document.write(data[0].name);
data.sort(createComparisonFunction("age"));
document.write(data[0].age);
//阶乘函数
function back(num){
if(num<=1){
return num;
}else{
return num*back(num-1);
}
}
document.write("<p>5的阶乘是"+back(5)+"</p>");
function back(num){
if(num<=1){
return num;
}else{
return num*arguments.callee(num-1);
}
}
document.write("<p>5的阶乘是"+back(5)+"</p>");
window.page="red";
var o = {page:"blue"};
function sayPage(){
document.write(this.page);
}
sayPage();//red
o.sayPage=sayPage;
o.sayPage();//blue
function outer(){
inner();
}
function inner(){
document.write("<p>"+inner.caller+"</p>");
document.write("<p>"+arguments.callee.caller+"</p>");
}
outer();
//apply
function summ(num1,num2){
return num1+num2;
}
function callSum1(num1,num2){
return summ.apply(this,arguments)
}
function callSum2(num1,num2){
return summ.apply(this,[num1,num2]); //20
//return summ(num1,num2); //20
}
document.write(callSum1(10,10));
document.write(callSum2(10,10));
//call
window.page="red";
var o = {page:"blue"};
function sayPage(){
document.write(this.page);
}
sayPage();//red
sayPage.call(this); //red
sayPage.call(window); //red
sayPage.call(o); //blue
// var pages=sayPage.call(o);
// pages(); //blue
var pages=sayPage.bind(o);
pages(); //blue
//基本包装类型
var s1="some text";
var s2=s1.substring(2);
s1=null;
document.write("<p>"+s1+"</p>"); //some text
document.write("<p>"+s2+"</p>"); //me text
var obj=new Object("some text");
document.write("<p>"+obj+"</p>"); //some text
document.write(obj instanceof String); //true
var look="25";
var looks=Number(look); //数字 25 Number为转型函数
document.write("<p>"+typeof looks+"</p>"); //number
//区分
var looks2=new Number(look); //构造了新函数
document.write("<p>"+typeof looks2+"</p>"); //object
javascriptone的更多相关文章
- Javascript-one
今天,学习Javascript第一天,学习了一些基本的概念,下面就对今天所学的知识进行一个整理,回顾吧! 首先,将Javascript代码包含在(X)html文档中,主要的方法是使用<scrip ...
随机推荐
- AJAX同步改异步
var temp; $.ajax({ async: false, type : "POST", url : defaultPostData.url, dataType : 'jso ...
- Git学习(三)——暂存区、远程仓库、增删改管理
一.工作区和暂存区 工作区(Working Directory) 就是在你的电脑里能看到的目录 版本库(Repository) 工作区中的一个隐藏目录.git,这个不算工作区,而是Git版本库.Git ...
- Phabricator部署手册
参考:https://secure.phabricator.com/book/phabricator/article/installation_guide/ 概述 phabricator,由faceb ...
- DNS弹窗广告遭遇
事情是这样的,不久前,我跟往常一样打开某新闻网页的时候,发现右下角有弹窗广告,并且在原页面任意位置点击,都会打开一个广告页面,然后原页面才能正常点击,手法太低劣了,不像是网站挂的广告,然后打开其它网页 ...
- M2事后分析汇报总结
学霸网站项目Postmortem结果 M2之于M1的改进 文档和问答的整合 完成webservice 完成数据库触发器设计与完整性约束依赖(大规模) 优化学霸UI 资源的搜索 外部问题的搜索 文档的上 ...
- Ceph剖析:故障检测
作者:吴香伟 发表于 2014/10/10 版权声明:可以任意转载,转载时务必以超链接形式标明文章原始出处和作者信息以及版权声明 心跳是用于OSD节点间检测对方是否故障的,以便及时发现故障节点进入相应 ...
- [erlang]一次erlcron崩溃引起的事故分析
事故背景 由于误操作在erlcron设置了一个超过3个月后的定时任务.然后第二天之后发现每天的daily reset没有被执行,一些定时任务也没有被执行.瞬间感觉整个人都不好了,怎么无端端就不执行了呢 ...
- HTML5之语义标签
在HTML5标准中,新加了几个用于增添页面语义的标签,这些标签有:article.section.nav和aside等.与别的大多数标签不 同,浏览器在解释渲染这些标签的时候仅仅把它作为普通的div块 ...
- 解决yum报错集
yum -y install gcc gcc-c++ makeError: Multilib version problems found. This often means that the ro ...
- asp.net mvc3 利用Ajax实现局部刷新
1.利用Ajax.ActionLink()方法 首先在_Layout.cshtml文件中加载 运行AJAX必要的Jquery <script src="@Url.Content(&qu ...