前端

魔鬼字典 JavaScript 笔记 代码比较多乱第1/3页_javascript技巧_脚本之家

9 2月 , 2020  

无标题页

My HTML Page

Final line…almost done!

三:被其余的javascript语句调用 } //对象的合法概念
:ECMA-262把目的定义为“属性的冬天汇聚,每种属性寄放二个原始值、对象或函数。”那表示对象是无一定顺序的值的数组。
//JavaScript对象分类 { 1、本地对象 比方:ECAM-262定义的靶子:Object
Functioin、Boolean、 Number 等 2、内置对象 举例:Global对象、Math对象
3、宿主对象 譬喻:全数DOM、BOM对象 } //对象的成立 {
使用new关键字创设本地对象 譬如:var o=new Object(State of Qatar; /*应用*/ var car =
new Object(卡塔尔(قطر‎; car.name = “凯迪拉克”; car.money = 1111111;
document.write(“小编新买的” + car.name + “
“卡塔尔; 展现: 小编新买的Cadillac document.write(“那破车花了自己” + car.money +

“卡塔尔(قطر‎; 显示:那破车花了自家1111111 使用对象直接量创建 举例:var oo={}; var
ooo={x:1,y:2}; /*应用*/ var obj = { x: 1, y: 2 } /*格式: var
对象名={ 属性名:值,属性名: 值……}*/ for {
/用对象直接量创设相当于创立三个函数并用叁个值初阶化它并把质量赋值/
document.write; } for { document.write; } /*显示*/ x y 1 2 }
//对象的质量的代表方法 { 1、object.property 2、object[“property”]
/*例子*/ var car={x:1}; car[“color”]=”黑色”; car[“name”]=”宝马”;
car[“price”] = 150000; var msg; for
//调用艺术展现出car中的全数属性的称谓 { msg+=” “; document.write; }
/*显示*/ x color name price } //JavaScript本地对象 { Object 类
/*ECMAScript中的全部类都由那一个类世袭而来 */ { 属性
Constructor——对创设对象的函数的引用。对于Object类,该指针指向原始的object(State of Qatar函数(各个对象都有其生机勃勃个性,它指向用来开端化该目的的布局函数卡塔尔国Prototype——对该对象的目的原型的引用。对于有着的类,它默许重回Object对象的多少个实例。
} Number 类 /*代表数值数据类型和提供数值常数的指标*/ {
创建:numObj=new Number /*貌似非常少那样用,这么创制是引用类型的*/ 属性
MAX_VALUE 属性|MIN_VALUE 属性|NaN 属性|NEGATIVE_INFINITY
属性|POSITIVE_INFINITY 属性|constructor 属性|prototype 属性 方法
toString 方法|valueOf 方法 { /*例子*/ var num1 = mynumber.valueOf();
var num2 = mynumber.toString(); document.write; /*显示:100*/
valueOf在用法和结果上都是一样 document.write; /*显示:100*/ }
toFixed方法 /*封存几人小数,在银行中有用*/ { /*例子*/ var mynumber =
new Number; /*显示:100.0000*/ var num2 = mynumber.toFixed;
/*封存二个人小数*/ document.write; }
Number.MAX_VALUE方法和Number.MIN_VALUE方法 { /*例子*/ var max =
Number.MAX_VALUE; var min = Number.MIN_VALUE; document.write;
document.write; /*显示*/ 1.7976931348623157e+308 5e-324 } } String类 {
语法: indexOf 重临子字符串所在的任务,假诺没找到,重临 -1 举个例子: var x
var y=“abcdefg”; x=y.indexOf; //重返结果为2,起头地方是0
/*事例及任何情势*/ var str = new String; //Lenght属性
document.write(str.length, “③
“卡塔尔(قطر‎;//获取字符串的长度 /*显示:17③*/ //charAt charCodeAt()
document.write, “④
“卡塔尔国;//获取钦点位上的字符 /*显示:h④*/ document.write, “
“卡塔尔; //获取内定位上的字符的ascii码 /*显示:104*/ //concat() 与“+”号相同
var oStringObject = new String; var sResult = oStringObject.concat;
document.write; /*显示:hello world⑤*/ document.write(oStringObject,
“⑥
“); /*显示:hello ⑥*/ //没有改换本人的值 //indexOf var myStr = new
String; document.write, “⑦
“); /*显示:4⑦*/ //下标从0开端率先个“o”在下标4的职位上
document.write(myStr.lastIndexOf;//获取最终一个内定字符的位置/*显示:7⑧*/ //下标从0最早从后数第一个“o”在下标7的岗位上 //slice
//字符串的截取,两个不一样的是“slice中得以放负数,“substing中生龙活虎经放入负数则被系统看成0
document.write, “⑨
“); /*显示:lo world⑨*/
//第叁个参数表示的从3上马截未有第一个参数就有多少长度截多少长度 document.write,
“⑩
“); /*显示:lo world⑩*/
//第贰个参数表示的从3最初截未有第三个参数就有多少长度截多少长度 document.write,
” 11
“); /*显示:lo w 11*/
//第二个参数表示的从3初始截第叁个参数表示截到下标7结束 document.write, ”
12
“); /*显示:lo w 12*/ //同上 document.write, ” 13
“卡塔尔(قطر‎;//也正是slice 字符串长度+参数 /*显示:rld 13*/
//能够选用负数,-3表示截取字符串中的最终3个 document.write, ” 14
“卡塔尔(قطر‎;//负数也正是0 /*显示:hello world 14*/
//不可能承担当数,系统自动调换到0,表示从0最初截,有多长截多长document.write, ” 15
“);//相当于slice /*显示:lo w 15*/
document.write(myStr.substring;//相当于substring不大的数字放在第一个参数,地点自动转变/*显示:hel 16*/ //toLowerCase toLocaleLowerCase
//转变大小写,toLocaleLowerCase是依据特定的区域达成的 document.write, ”
17
“); /*显示:hello world 17*/ document.write(myStr.toLocaleLowerCase;
/*显示:hello world 18*/ document.write, ” 19
“); /*显示:HELLO WORLD 19*/ document.write(myStr.toLocaleUpperCase;
/*显示:HELLO WORLD 20*/ //big document.write,” 21
“卡塔尔(قطر‎;//缩短字体 document.write,” 22
“卡塔尔(قطر‎;//放大字体 //斜体字和删除线 var ss=str.italics;
//italics(卡塔尔国方法是将字体展现为斜体,
strike(State of Qatar方法是在显示的书体上加上删除线 document.write;设定字体颜色
/*例子*/ var a = “换个字体颜色”; a = a.fontcolor;
document.write;把字改成下标 document.write;
//那是字符串的主意,借使用var b = 2; b = b.sub(卡塔尔;则不算。 } Math类 {
//2秒自动刷新 var test=Math.E;//表示自然对数的底 document.write;
/*显示:2.718281828459045*/ test=Math.PI; document.write;
/*显示:3.141592653589793*/ document.write; var i = 0; //Math.random
:发生0-1的大肆小数,Math.random(卡塔尔国*10产生叁个0-10的自由小数
i=Math.round; //Math.round:四舍五入取整,如9.34 取整为9
document.write(“图片 1“卡塔尔(قطر‎; }
Date类 { var 日期对象 = new Date 例: var mydate=new Date( “July 29,
1999,10:30:00 ”卡塔尔国 若无参数,表示目今日子和岁月 例: var today = new
Date: 重返年数 getMonth: 再次来到当日号数 getDay:重回时辰数
getMintes:重返秒数 getTime:设置年 setDate:设置上个月份数
setHours:设置分钟数 setSeconds:设置飞秒数 } /*例子*/ //第大器晚成种参数 var
someDate=new Date; document.write; //第二种参数 someDate=new Date(“july
20 二〇一〇 12:30:30″卡塔尔; document.write; //获取系统当下日子 var today=new
Date(State of Qatar; document.write;
document.write(“某一准时期的礼拜为”+today.getDay;//0代表周六document.write(“某一准时间的光阴为”+today.getDate;
document.write(“某一按期刻的月度为”++”
“卡塔尔(قطر‎;//月从0月底始 0代表十五月,0~11
document.write(“某一定期刻的年度为”+today.getFullYear;
document.write(“某一依期间的钟点为”+today.getHours;
document.write(“某一准时刻的分钟为”+today.getMinutes;
document.write(“某一准期刻的秒为”+today.getSeconds;
//通过setDate方法修正日期,其余类似 today.setDate;
document.write(“改进后的日子为”+today.getDate; /*显示*/ Fri Jun 2011:00:00 UTC+0800 2010 Sun Jul 20 12:30:30 UTC+0800 2010 Wed Aug 30
17:43:14 UTC+0800 二〇〇五 某一定期刻的礼拜为3 某一按期间的生活为30
某一定期刻的月度为8 某一定时间的年份为二零零六 某一准时刻的钟点为17
某一定期期的分钟为43 某一依时期的秒为14 改进后的日子为25 /*事实上用法*/
var now = new Date(); var hour = now.getHours(); if (hour >= 0 &&
hour <= 12) document.write if (hour > 12 && hour <= 18)
document.write; if (hour > 18 && hour < 24) document.write;
document.write(“

明天日期:” + now.getYear(卡塔尔 + “年” + + “月” + now.getDate;
//月份数字0-11,注意+1 document.write(“

当今光阴:” + now.getHours(State of Qatar + “点” + now.getMinutes(State of Qatar + “分” +
now.getSeconds; /*显示*/ 下午好! 前不久些天子:2005年九月二三十日以往时间:17点58分22秒 //setTimeout(卡塔尔(قطر‎ /*三遍性计时器*/ 的用法 {
setTimeout 例: var myTime=setTimeout; /*准时的流年是以飞秒为单位*/
//设定电磁打点计时器 clearTimeout; //肃清放大计时器 } setInterval(卡塔尔/*循环性沙漏*/ 用法同上 } } /**/↑↓←→ //数组 { 表明数组两种格局第大器晚成种 var 数组名 = new Array(卡塔尔(قطر‎; /*赋值时用:数组名[数字]=值*/
/*数组的下标必需是大于0的数字不然就能被当成数组的贰特质量对待*/ 例:
var emp = new Array() 第二种 var 数组名=new Array;
/*数组中能放纵何项目标要素*/ 第三种 var misc = [ 1.1, true, “a”, ];
var b = [[1,{x:1, y:2}], [2, {x:3, y:4}]]; /*理解*/ function
Circle { this.x=x; this.y=y; this.z=z; } var c=new Circle; c[0]=”this
is an element”; c[1]=”this is an element”; c[2]=”this is an
element”; for { document.write; /*固然 显示的是 x,y,z,0,1,2*/
//显示:1,2,3,this is an element,this is an element,this is an element }
/*c[0]说是数组实际上也得以知晓成属性,在Js中这两侧的汾水陵实际不是足够鲜明*/
var test=new Array; for(var i=0;i”); test.length=3;
/*数组的尺寸能够团结钦定,钦点的长短假设比原先的小:就自行把长出的片段机关砍掉,即使钦命的尺寸比原先的尺寸长,多出的风流倜傥对就是undefined*/
document.write; /*自行将成分用“,”连接*/
document.write(“退换length的值后数组的长短:” + test.length, “
“); delete test[0];
/*用delete将数组的元素值删除,删除后的因素地方还在,只是未有值*/
document.write; document.write(“使用delete后数组的长短:” +
test.lengthState of Qatar; /*显示*/ 1 2 3 4 5 退换length的值前数组的长短:5 1,2,3
改换length的值后数组的长度:3 ,2,3 使用delete后数组的尺寸:3
JavaScript并不扶助真正的多维数组,然而它同意行使要素为数组 /*例子*/
var table=new Array;//3行 for(var i=0;i

“); for(var i=0;i”); var test1=[1,2,3,4,5,6,7,8];
//第叁个参数表示要删减的成分数,0意味着不删除,直接插入,非0表示删掉之后再插入
var addResult=test1.splice(2,4,”liwei”,”marssion”卡塔尔; for(var i=0;i”卡塔尔(قطر‎; }
document.write(“—————————
“State of Qatar; for(var i=0;i数老总度是:”+temp.length卡塔尔; document.write;
document.write; temp.pop(卡塔尔; document.write(“数组元素有:”+temp+”
数主任度是:”+temp.length卡塔尔; /*显示*/ Push 数组元素有:1,2,3,4
数首席营业官度是:4 Pop 数组元素有:1,2,3 数老板度是:3 unshift方法
//方法unshift(卡塔尔国会将四个或三个因素加多到数组的头顶,然后把本来就有个别成分移动到下标超级大的职责以腾出空间,它回到的是数组的新长度;
//方法shift(State of Qatar会去除并重临数组的率先个要素,然后将前边的兼具因素都上前挪动以补充第三个因素留下的空白
/*例子*/ //先进先出 var test=[]; document.write; test.unshift;
document.write; document.write; test.shift(); document.write; /*显示*/
Unshift 1,2,3,4 Shift 2,3,4
instanceof运算符与typeof运算符相符,用于识别正在管理的靶子的项目,不一样的是,instanceof方法供给开拓者显著地规定指标为某一定类型
例:var ostring=new String document.write(ostring instanceof String卡塔尔国;
//重返二个boolean值,类型准确再次来到true不然赶回false } }
//对象的联合签名天性和办法 { toString(卡塔尔国//object类的法子,将非字符串调换来字符串 toLocaleString()//object类的法子,重临对象本地化字符串,object默许的办法本身不做此外局部化,再次来到结果与toString(卡塔尔国相仿hasOwnProperty //object类的主意,剖断指标是不是有有个别非世袭属性
propertyIsEnumerable //object类的秘籍,属性是不是可用 For in枚举
isPropertyOf //object类的章程,决断该指标是不是为流传对象的原型 }
JS高档编制程序 第三章: Function 函数、类、构造函数、原型
Classes,Constructors,and Prototypes /**/↑↓←→ //JS的断点:
在急需打断点的地点写上debugger ,
在境遇版本不可能调治时很或然是调整被剥夺了:张开IE
工具→Internet选项→高端→浏览 //上节课补充 {

123下豆蔻梢头页阅读全文

During load script execution

//二零零六中ctrl+J 有超级大或然出提醒 //文本编辑出注释的火速键 名词解释: {
//Java: 爪哇语言, 在因特网世界范围的 web
网页运营的以互连网为底工的编制程序语言 //Script : 手稿, 剧本, 手迹 //cs构造:
客商端应用程序,客商要求下载客户端,举例QQ //BS布局:
浏览器应用程序,具备远程服务器,举个例子网页
脚本语言:解释性语言,不开展编写翻译,只在运作至相应代码时张开解释 }
完整的JavaScript组成 { 大旨:ECMAScript 文书档案对象模型:DOM
/*Document/*文件*/ Object Model*/ 浏览器对象模型:BOM /*Browser
/*浏览器*/ Object Model*/ } JavaScript成效 { 提供客商人机联作动态修改内容 数据验证 } //建站:文件→新建→网址→ASP.NET 网站→地方→路线//增添HTML网页:增添新项→HTML页→起名→明确//自动生成的HTML中第风华正茂行()表示生成文书档案类型 //加多script标签: {
地方:可以增多在任何岗位,不过常常增加在

标签中 格式: 类型: { 内嵌脚本: 放在标签中並且有JavaScript文本 例子:

alert has executed!

二:文档加载后 在文书档案被加载后, 标识 onload(卡塔尔国事件时有发生,那时文书档案已经加载完成。

My HTML Page

After load script execution

↑ 文本类型 外挂脚本: 放在标签中,未有方法体,唯有地址 例子:

↑ 地址 扩大名:.js 加多→增添新项→JScript文件→起名→添加JScript文件中的内容:document.write; } } //方法 { document:
document.write /*相当于Console.WriteLine*/ 申明变量: var 例子:var
number=55; 强逼调换类型: {
parseFloat/*强迫调换为float类型,ppp为变量名*/
!注意:parseFloat的拼写和尺寸写,假诺在页面加载时现身谬误则程序不向下运转!
Boolean(卡塔尔国强迫转换,当参数为空字符串和null时,获得false :例子:
document.write; /*领会注意Boolean的轻重写!!!*/ var color=”violet”;
document.write; /*确定注意length的大小写!!!*/ var num=10;
document.write(“10的二进制数为”,num.toString; 10的二进制数为1010
/*一览无遗注意toString的高低写!!!*/
document.write(“10的八进制数为”,num.toString; 10的八进制数为12
document.write(“10的十进制数为”,num.toString; 10的十进制数为10
document.writeState of Qatar+”
“); NaN /*NaN:非数字*/ document.write+”
“); 123.12 document.write+”
“); 0 document.write; 1 document.write+”
“); 10 /*parse:深入解析; 切合语法*/ document.write+”
“); 56 var str=”marssion”; /*typeof运算符,重临变量的种类*/
document.write; 显示:string var temp; document.write; 显示:undefined
/*undefined : 未定义的*/ var myObject={x:0,y:0}; document.write+”
“); 显示: object document.write; 显示: object
/*ECMAScript沿用了javascript中开始时代的三个荒诞,今后null被认为是指标的占位符,所以回来object,从技艺上来讲仍然为原始值。*/
var oTemp; document.write+”
“); 显示: true /*在目的在于可比时要加()否则比较时会把”
“也加进去*/ function testFunction(卡塔尔国{}
//假设函数未有落到实处则再次回到undefined值 document.write==undefined卡塔尔(قطر‎+”
“); 显示:true /*函数给调用所以给加()*/ document.write+”
“State of Qatar; 突显: true } } //调用函数 { function a /*格式: function
函数名{函数体} 参数在概念时直接给名字就能够了没有须求钦命项目*/ { return
Sname+Smessage; } var b=a; document.write; } //if语句 { var num=10; var
num1=”10″; if { document.write;
/*在可比区别类型的数额时,系统会自动的把双方的品种统风流倜傥,或许把string类型调换到int大概把int调换来string再判定双方的关系*/
} if { document.write; } } //for语句 { for(var a=1,b=0;a<101;a++)
/*出口的是:5050*/ { b+=a; } document.write; } //while语句 { var
a=1;var b=0; /*出口的是:5050*/ while { b+=a; a++; } document.write; }
//do while 语句 { var a=1; /*出口的是:5050*/ var b=0; do { b+=a; a++;
}while; document.write; } //alert 方法 和自定义属性
自定义object类型的变量 delete方法 { var o=new Object(卡塔尔;
/*概念三个oject类型的变量*/ o.name=”hellow word”; /*概念属性*/
alert; /*alert
:提防的,警惕的/*调用此办法弹出三个告诫messagebox,()中写的是要来得的新闻*/*/
delete; /*delete 方法将引用变量的指针打断*/ alert;
/*o.name又变回undefined类型*/ } //全等运算符 { var sNum=”55″; var
tNum=55; document.write; 展现: true document.write; 突显: false
/*“==”会将相比较的四头自动类型转换来雷同的项目再拓宽比较,“===”不会类型转变直接相比,int类型自然不对等string类型所以不等于*/
document.write; 显示: false document.write; 显示: true } //switch {
var date=new Date(); /*声称一个data类型的变量*/ var
time=date.getDay(); /*拿到系统的近些日子不久期*/ switch { case 0:
document.write; break; case 1: document.write; break; case 2:
document.write; break; case 3: document.write; break; case 4:
document.write; break; case 5: document.write; break; case 6:
document.write; break; } } /**/↑↓←→ //arguments { function a { if
/*arguments.length属性:
总结调用函数时传过来的参数个数,能够效仿参数重载*/ { document.write;
/*argument[0] argument[1] argument[3] 能够代表()中的参数*/ }
else if { document.write(aa+”~“+bb+”
“); } else if { document.write(aa+” “+bb+” “+cc+”
“); } } a; 显示:william a; 显示:william~welcome
a(“william”,”welcome”,”myhouse”); 显示:william welcome myhouse } //with
{ var sMessage=”hello world”; /*用了with后{}中实际不是再打相应的变量名了*/
with { document.write,”
“); 显示:HELLO WORLD
/*toUpperCase(卡塔尔国方法是强打上去的,未有出示,所以要非常注意大小写*/
document.write; 显示:11
/*length属性是强打上去的,未有出示,所以要极度注意大小写*/ } }
//void用法 /*未曾重返值的*/ {
单击一下下
/*这是贰个一级连接,展开二个新的窗体,不隐蔽老窗体,若无void一流连接被点后“单击一下下”就能够成为“[object]”有了void就不会变了*/
} //for in 用法 /*用以枚举对象的性质*/ { var o=new Object(卡塔尔国;
o.name=”nameshuxing”; o.age=21; o.gender=”nan”; 随意起的变量 ↓ for {
document.write; /*来得的是:nameshuxing 21 nan
,“document.write”输出的是性质的名字/*name age gender*/
“对象[属性名字]”展现的是呼应属性的剧情,就疑似hashtable中的查询同生机勃勃*/ }
document.write(“window对象属性
“); for { document.write; } } //闭包 /*函数嵌套*/ { function test {
var num3=10; function inter { return num1+num2+num3+num4 } return inter;
/*以此return不能够少,不然无法显得*/ } var zhi=test; document.write;
/*显示:60*/ /*zhi未有提醒*/ var aa=”hello world”; function a() {
document.write; /*显示:hello world* 必得调用/ var num3=10; function b
{ function bb(卡塔尔(قطر‎ { return num1+num2+num3; } return bb; } var bbb=b;
document.write; /*显示:40*/ } JS高等编制程序 第二章 对象 /**/↑↓←→
//火狐浏览器能当总括器,输入“javascript:3-2”展现1,也足以写一些轻松的Js语句,函数什么的
//JavaScript在什么日子被实行 { 1、在文书档案棉被服装载的时候 2、文书档案加载后
/*在文书档案被加载后,标志onload(卡塔尔时间产生,这个时候文档已经加载完成*/
3、被别的的JavaScript语句调用 以下取自ajax and dot。Net2.0
脚本装载周期: 当网页被浏览器加载时,javascript在偏下3个时间点被实行大器晚成:在文书档案棉被服装载期间注意:那时文书档案还并未有被加载,文书档案中的成分不可能被使用。


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图