JS学习：30道经典考试题目！

1、如何定义一个变量？变量的命名规则有哪些

如何定义一个变量：var i=0;

变量的命名规则：不能为关键字和保留字，特殊符号。可以有_和$。不能以数字开头。要区分大小写 。

2、Javascript的常用的几种数据类型有哪些

基本数据类型：undefined         null           boolean       number        string    

混合数据类型：  object

3、请简述setTimeout和setInterval的区别

setTimeout 是延迟一段时间后执行函数，

setInterval 是每间隔一段时间就执行该函数。

setTimeout 只循环一次。

setInterval 一直循环。

4、Date对象中，什么方法可以获得月份值，什么方法可以获得星期值，其中日期是从多少(0/1)开始的，星期值是从多少(0/1)开始的

什么方法可以获得月份值：getDate()       

日期是从1开始的。

  什么方法可以获得星期值： getDay()           

星期值是从0开始的。

5、concat()方法来自那个对象，有什么作用？

concat()方法来自JavaScript Array 对象

作用：连接字符串    

6.引入外部js文件，正确的语法是?

7.var s=”张三”？使用类型判断打印s的数据类型

8.已知form元素节点form1，获取form1下的所有元素节点

form1.children;

9.已知ul元素节点ul1，获取ul1的父节点

获取ul1的父节点：

ul1.parentNode 

获取ul1的元素：

 ul1.parenElement

10、请写出javascript的三种循环，并写出语法结构

while(true)循环 （即为while循环 ）：

   

do{}while(true)循环    （即为do-while循环 ）： 







 for循环：

常见语法结构有

for(var i=0;i



        var result = 0;



        for(var i = 1; i<=100 ; i++){



            result = result + i;



        }



        alert(result)



        

11、请写出break、continue的作用和区别

break 跳出循环，不再执行当前循环(结束当前的循环体，不进入下一个循环条件)。

continue 跳出本次循环，继续执行下次循环(结束当前正在执行的循环 进入下一个循环条件)

break和continue都是用来控制循环结构的，主要是停止循环。

12、NaN是什么意思，是类型的数据？什么情况会出现这个数据？

NaN的意思：非数字  

NaN的类型数据：number

出现NaN的情况：进行计算得到非法数字的时候（即为出现不明确等的数值结果时。非法常量就是不合法的常量，例如，数的格式写错了，例如数值范围超界了。）

13、怎么使用javascript修改DOM元素的样式？

先获取dom元素，使用dom元素的style，样式进行修改

14、Javascript和java有什么异同？

1.语言本质不同。       

2.数据类型不同。

3.应用范围不同。

相同点：都是面向对象的语言，名称都包含Java，基础的语法相同

不同点：JavaScript的运行在浏览器中的，java是运行在虚拟机上的

数据类型不同，js是弱类型语言，java是强类型语言，js是小脚本，可以一块一块写，java全部都是程序代码

15.已知ul元素节点ul1，创建子元素节点li追加到ul中

var c_li=document.createElement("li");

ul1.appendChild(c_li);

ul1.insertBefore(c_li,ul1.children[2]);//ul的子节点的第三个节点的前面

16.使用location对象跳转路径到”http://www.baidu.com”

window.location.href="http://www.baidu.com";

17.简述Bom和Dom的区别?

BOM是浏览器对象模型，包含window,navicat,location,document,screen;     

用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。

DOM是文档对象模型，Dom树，用户操作html节点的对象，

用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。

18、JS 中的三种弹出式消息提醒 ( 警告窗口、确认窗口、信息输入窗口 ) 的命令是什么？

警告窗口的命令：alert("警告") 

确认窗口的命令：confirm()  

信息输入窗口的命令：prompt()

19、创建并使用数组有几种方式请举例说明

例子一：var arr=["内容1","内容2"];

例子二：var arr=new Array();

arr[0]="内容1";

例子三：var arr=new Array("内容1","内容2");

20、DOM 操作怎样添加、移除、创建和插入节点?  

添加节点：appendChild()

移除节点：removeChild()

创建新节点：

      createDocumentFragment()    

//创建一个DOM片段（想提取文档的一部分，改变，增加，或删除某些内容及插入到文档末尾可以使用createDocumentFragment() 方法）

      createElement()   //创建一个具体的元素

      createTextNode()   //创建一个文本节点

插入节点：     insertBefore()

      

      替换节点：  replaceChild()

21、写出DOM操作的查找节点的方法

      getElementsByTagName("a")：通过标签名称查找节点

      getElementsByName("a")  ：通过元素的Name属性的值查找节点

      getElementByID("a")  ：通过元素Id的唯一性查找节点

     getElementsByClassName("a")：返回文档中所有指定类名的元素集合

   nextElementSibling：返回指定元素之后的下一个兄弟元素

previousElementSibling：返回指定元素的前一个兄弟元素

22、实现在页面上输出 ”Hello world! ”

document.write("Hello world!")

具体例子：

23、写出3个BOM对象

document对象（文档对象）

 location对象（浏览器当前URL信息）

history对象（浏览器访问历史信息）

24、怎么产生45-100之间的随机整数

Math.Round(Math.random()*55)+45);

25、写出时间日期对象（Date）的常用5个方法或者属性

getYear(): 得到年份

getFullYear():当前年份

getMonth():月

getDate():日

getDay():周几

Date d=new Date("毫秒")；

26.Var s=”hello,world”,在s中间使用”,”分割为两个单词的关键代码为?

str.split(",");//数组

举的具体例子：

str=”jpg，bmp，gif，ico，png”; arr=str.split(”，”); //arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

27.,改变img  的图片路径关键代码?

var s=document.getElementsByTagName("img");

img[0].src="bb.jpg";

28.

获取所有爱好的元素节点：

document.getElementsByName("aihao");

document.getElementsByTagName("input");

29、写出字符串（String）对象常用的5个方法

trim():去除两端空格

split():分割字符串

charAt():根据下标得到字符串的内容

toLowerCase():转为小写

toUpperCase():转为大写

concat():拼接字符串

30.创建对象，姓名张三，年龄18

方法一：var person={"name":"张三","age":18};

方法二：var  person=new Object();

 person.name="张三";

 person["age"]=18;

方法三：var  person=function(name,age){

this.name=name;

this.age=age;

}

var  person=new s("张三",18);