位置: 编程技术 - 正文
推荐整理分享javascript基础知识(javascript基础编程),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:javascript基础编程,javascript基础入门教程,javascript 基础,javascript 基础,javascript基础入门视频教程,javascript基础入门视频教程,javascript基础编程,javascript基础入门教程,内容如对您有帮助,希望把文章链接给更多的朋友!
1、var msg;//声明一个变量,在没有给此变量赋值以前,该变量名为:undefined
2、msg = "hello";//不适用var则可以声明一个全局变量,但是此变量因为是全局的,所以容易引起其他调用的一些问题,故不推荐
3、javaScript有5种基本数据类型,Undefined、Null、Boolean、Number和String;以及一种复杂数据类型:Object
4、var num=;//代表的八进制,以0开头,假如后面的数值超出8的范围,例:、等,则按十进制解析
5、var num=0x;//代表十六进制
6、NaN->Not a Number;//非数字,NaN不和任何值相等,包托它自己;判断一个值是否可以转换为数值的方式:isNaN(*),*为所要进行转化的数据
7、向Number转化时,false->0;true->1;""->0;""->;"helloworld"->NaN;注:采用的是Number()方式
8、假如采用parseInt()方式进行转化则与7(对字符串来说)不同,基本原理如下:
1)对String的第一个非空格字符进行解析,若是空格则跳过,假如是非数字或者负号,则直接返回NaN;2)对接下去的字符继续解析,直到遇到非数字或者解析完成,返回已经解析的内容;3)如果解析到字符串的非空格字符以0x开头且后面加进制字符则转换成进制,若是0开头且后面加8进制字符则转换为8进制;
例:"blue"->;""->NaN;"0xA"->;""->;" .5"->;" blue"->;解析时只跳过1)中出现的空格
9、还可以采用parseInt(*,*)方式,后面一个变量代表的是所要转换的进制;可选,,8,2等,例parseInt("",)->,此时不需要再添加0x或者0
、toString()方法一般不必使用参数,true->"true",都是按照字符串来转换,但是当由数字转换为String时,可以添加参数,用于设置进制
例:var num = ->String-------num.toString()->"";num.toString(2)->"";num.toString(8)->"";
、在JavaScript中以位数据表示一个数,左移<<不会改变符号位,例:2<<5;-->即:->
、右移分为两种:有符号右移和无符号右移:
1)有符号右移:>>只移动数据位,不移动符号位:->>5 ---->-)无符号右移:>>>所有的都要移动,因此负数移动之后会变为正数,且此正数一般非常大
、switch语句中的case非常强大,可以是数值,也可以是字符串甚至表达式
、javaScript中function()中可以不添加参数,对于其来说其实是由arguments[]接收的
、javascript没有块级作用域,如下例子:
会打印出blue出来,这个仅限于alert语句是位于全局环境中,但是在类C语言中则不会出现此种情况,一般都会销毁for函数等循环函数除外,在javascript中也会销毁。
、instance of 语句用于判断是否属于某种数据类型,或者某种对象:person instanceof Object //变量person是Object若是则返回true
、将变量值设置为null可以解除对此变量的引用,javascript的垃圾收集器在下次运行时会将其回收
、引用类型与类相似,但是不是一码事!创建一个引用类型有两种方法:1)
2)
3) 是2)与1)的结合
上述3种方法中第二种是最常用的
、对象有三种:user-defined-object(用户自定义对象),native-object(内置对象)和host-object(宿主对象)其中native-object是内置在javascript中的对象,如Array、Math和Date等,而host-object是浏览器提供的对象。
、JavaScript中打开一个新的窗口用:window.open(url,name,features),这三个参数都是可选择的,说明如下:
1)url是要打开的窗口的地址2)name是新窗口的名字,可以通过name与新窗口进行通讯3)features是一个以","分割的字符串,如"height:,width:",其内容是新窗口的各种属性
、可以在html文档中直接调用javascript功能,这个得使用javascript:xxxxxx的方式,其中javascript被称为javascript伪协议例,有某方法:function test(){}<a href="javascript:test()">test</a>//此种方法就是使用javascript伪协议进行调用javascript方法,此种方法非常不提倡,因为不同浏览器对此种伪协议的支持是不一样的。
、很多节点的内容并不在其value中,如:<p id="desc">Hello world</p>,此时可以用var text = document.getElementById("desc").firstChild.nodeValue;此处text得到的值为:Hello World
、在html文档中插入一个新元素的方法:
1)创建一个新的元素(包括其内容等)2)把这个新元素插入节点数
说明:1)创建新元素的方法:var para = document.createElement("p");//创建一个<p></p>此时这个元素已经具有了<p>的所有属性,但是里面还没有内容,并且并未插入到文档中然后用var txt = document.createTextNode(text)方法创建一个文本节点内容,将这个文本节点内容插入到<p>中
2)parent.appendChild(child)//方法可以将某个child元素插入到parent元素下包括两部分的工作:1-将文本节点插入到<p>节点下,para.appendChild(txt);2-将<p>节点插入到其他节点下
、set和get方法也可以为一个对象设置属性,称之为存储器属性,它可以实现比较复杂的运算,如:
、数组的操作:
1)length属性表示长度2)join()方法:3)reverse()//将数组中的元素颠倒顺序4)sort()//将数组中的元素排序并返回排序后的数组sort()//按照字母表的顺序进行排序
5)concat()//创建并返回一个新的数组,它用于连接数组,它连接的是数组中的元素而不是数组本身
6)slice()返回指定数组的一个片段,可以写两个参数或者一个参数,一个参数代表是从参数当前位置开始一直到结尾,两个参数是指从第一个参数到第二个参数参数-1,指定了最后一个元素,即倒数第一个元素,而-3则指定了倒数第三个元素
、window.location = " tempelement = document.getElementById("xx");tempelement.onclick = function(){alert("Hello");};
、var nowtime = new Date();nowtime.toLocaleTimeString();可以显示当前时间(注:是时间而不包含日期)
、setInterval(func,time);//它用来注册指定的时间之后重复调用的函数,func是重复调用的函数,time是指定的时间,单位毫秒而clearInterval(h);是用于取消注册的事件,其中的h是var h = setInterval(func,time);
、无论是setTimeout还是setInterval放time设定为0时,都不是立即执行,而是将这个方法放入到队列中,等待前面的状态执行完毕之后才执行
、window.location.href//可以获得当前document载入的URL地址,window.location.search//可以得到当前文档中字符后面的内容,一般用于检测键值对即name=value的情况
、window的navigator属性可以包含多个属性:1)appName----->Web浏览区的全称2)appVersion----->浏览器厂商和版本3)userAgent----->通常包含appVersion和其他的信息,没有一定的格式4)platfrom----->在其运行浏览器的操作系统,甚至有可能使硬件5)onLine----->此属性如果存在的话表示当前浏览器是否连接到网络6)geolocation----->用于确定用户地理位置信息的接口
、Screen对象可以获得有关窗口显示的大小和可用的颜色数量的信息
、window提供了三种对话框1)alert-->提示对话框2)confirm()----->也是显示一条信息,但是要求用户确定或者取消,例:var correct = confirm("hello world"); if(correct){return true}3)prompt()----->显示一条信息,等待用户输入并返回那个字符串
、window提供了模态对话框的显示方案:showModalDialog(param1,param2,param3)//参数一:用以指定提供对话框HTML内容的URL参数二:可以是一个任意值,这个值在对话框里的脚本中可以通过window.dialogArguments属性的值访问。参数三:是一个非标准列表,包含以分号隔开的name=value对,如果提供了这个参数就可以配置对话框的尺寸和其他属性,用dialogwidth和dialogheight来设置对话框窗口的大小,用"resizable = yes"来允许用户改变窗口大小
、name属性也可以用来获得某些元素,但是name属性只在少数html元素中有效:表单<form>,表单元素,<iframe>和<img>元素document.getElementsByName();//获得所有name属性组成的数组
、由于历史原因,只有<form>,<img>和那些有href属性的<a>,才有document.forms.id//name为form标签的id,其他元素是不可以的
、getElementsByClassName();可以取得parent节点下的相同的className的子节点
、Node节点的重要属性说明如下:1)parentNode----->给节点的父节点,假如是document对象则它的父节点是null2)childNodes----->只读的类数组节点,它是该节点的子节点3)firstChild和lastChild,该节点的第一个子节点和最后一个子节点4)nextSibling、previoursSibling,该节点的兄弟节点的前一个和后一个5)nodeType----->该节点的节点类型,是返回一个数值,9代表document节点,1代表Element节点,3代表Text节点,8代表Comment节点,代表DocumentFragment节点6)nodeValue----->text节点或Comment节点的文本内容7)nodeName----->元素的标签名,以大写形式表示
、在Html中可以创建一个可编辑的区域元素,方法:
、window.onload中加载两个function的方法window.onload=function(){ //此处写两个function func1(); func2();}
、对Element设置css属性的方法:
查看更多JavaScript的语法,大家可以关注:《JavaScript 参考教程》、《JavaScript代码风格指南》,也希望大家多多支持积木网。
javascript之Array 数组对象详解 1、创建Array对象方法:---vararr=[element0,element1,...,elementn];//简单的定义方法vararr=[1,2,3]此时可以知道arr[0]==1;arr[1]==2;arr[2]==3;---newArray();vararr=newArray();//定义
javascript之Boolean类型对象 Boolean对象和Java中的Boolean封装类很像,它有两个值:true和false1、创建Boolean对象varboo=newBoolean();//此时未对boo进行赋值,但是它的默认值为falsevarboo=newBoole
Javascript之Date对象详解 Date对象即日期时间对象,它的主要功能是实现对日期时间的处理1、创建Date对象varmyDate=newDate();或varmyDate=newDate("July,::");//此种方法为自定义日
标签: javascript基础编程
本文链接地址:https://www.jiuchutong.com/biancheng/370106.html 转载请保留说明!友情链接: 武汉网站建设