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

最新推荐文章于 2024-05-09 17:51:14 发布

诗书画唱

最新推荐文章于 2024-05-09 17:51:14 发布

阅读量808

点赞数 10

文章标签： javascript 学习 udp

本文链接：https://blog.csdn.net/weixin_45883780/article/details/135686939

版权

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的数据类型

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