JS学习:30道经典考试题目!

发布时间:2024年01月20日

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文件,正确的语法是?

<script src="路径"></script>

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

<!DOCTYPE html>



<html>



<head>



<meta charset="utf-8" />



<title></title>



</head>



<script>



window.onload=function(){





var s="张三"







document.write(typeof ?s)

<!-- 或alert(typeof s); ? -->





}







</script>



<body>





</body>



</html>

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

form1.children;

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

获取ul1的父节点:

ul1.parentNode?

获取ul1的元素:

?ul1.parenElement

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

while(true)循环 (即为while循环 ):

<script type="text/javascript">



 ? ?var i = 1; 



 ? ?var result = 0;



 ? ?while(i<=100){



 ? ? ? ?result=result+i;



 ? ? ? ?i++;



 ? ? ? ?}



 ? ? ? ?alert(result);



</script>



 ? 

do{}while(true)循环 ? ?(即为do-while循环 ): 



<script type="text/javascript">



 ? ? ? ? ? ?var i = 0; 



 ? ? ? ? ? ?var result = 0;



 ? ? ? ? ? ?do{ i++;



 ? ? ? ? ? ? ? ?result=result+i;



 ? ? ? ? ? ?}while(i<100)



 ? ? ? ? ? ?alert(result);



 ? ? ? ?</script>



 for循环:

常见语法结构有

for(var i=0;i<s.length;i++){}



for(var i in s){}



for(var i of s){}

例子:

<script type="text/javascript">



 ? ? ? ?var result = 0;



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



 ? ? ? ? ? ?result = result + i;



 ? ? ? ?}



 ? ? ? ?alert(result)



 ? ? ? ?</script>

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!")

具体例子:

<!DOCTYPE html>



<html>



<head>



 ? ?<meta charset="UTF-8">



 ? ?<title>在页面上显示一个Hello Word</title>



 



 ? ?<script type="text/javascript">/*指明前台脚本是js*/



 ? ?//实现页面加载helloword



 ? ?document.write('HelloWord');/*调用一个write函数,在页面写一个HelloWord*/



 ? ?</script>



</head>



<body>



 



</body>



</html>

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 src=”aa.jpg”>,改变img? 的图片路径关键代码?

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

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

28.<input type=”checkbox” name=”aihao” value=”足球”>

<input type=”checkbox” name=”aihao” value=”篮球”>

<input type=”checkbox” name=”aihao” value=”乒乓球”>

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

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);

文章来源:https://blog.csdn.net/weixin_45883780/article/details/135686939
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。