Jquery第一次考核

Posted 2020-11-21 sfha

1. 什么是JS

javascript 缩写。一种计算机脚本语言

JavaScript是一种动态、弱类型、基于原型的语言，通过浏览器可以直接执行

 

2. JS三大组成部件

ECMAScript

DOM

BOM

 

3. JS的执行原理图

JS是解释执行的，即读取一个语句就执行一个。JS本身只提供语法解析与少部分内部函数支持，其他的均由宿主支持。

* 编译阶段
　　编译阶段就是我们常说的JavaScript预解析（预处理）阶段，在这个阶段JavaScript解释器将完成把JavaScript脚本代码转换到字节码。
　　* 执行阶段
　　　　在编译阶段JavaScript解释器借助执行环境把字节码生成机械码，并顺序执行。

4. 在页面中引入JS的三种方式

方式一：在某个标签或元素内引入js片段

方式二：向html页面中引入js代码块

方式三：向html页面中引入js文件

5. JS的六种数据类型

字符串、数字、布尔、数组、对象、Null、Undefined

6. 一个变量值在JS中为假的6种情况

1. false (布尔类型)
2. null (用于定义空的或者不存在的引用)
3. undefined (未定义值)
4. 0 (数值型)
5. “” (空字符串)
6. NaN

 

7. Window对象的三个核心对象是什么？

History   document   location

 

8. Document的三个常用方法及作用是什么？

1、getElementById(id) 通过元素的ID访问元素

2、getElementsByName(name) 返回名字是name的元素数组

3、getElementsByTagName(tagname) 

getElementByTagName可以用于Document也可以用元素。getElementsByTagName返回具有指定tagname的子元素列表（数组）。

9. 每隔3s弹出一个alert如何做？

<script language="javascript" type="text/javascript">

function time(){

alert("3秒出来一次.");

}setInterval("time()",3000);

</script>

 

10. 使用JS设置CSS样式的三种方案

第一种:用cssText

第二种：用setProperty()

第三种：使用css属性对应的style属性

11. 写出图片轮播的代码 （每隔1s切换一张图片）

<div>

<img src="1.jpg"/>

</div>

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>

<script type="text/javascript">var i =1;    setInterval(function(){ 

      i++;    if(i>2){i=1;}    $("img").attr("src", i+".jpg");    

  },1000);

</script> 

12. 写出网页倒计时跳转的代码

（1）使用setTimeout函数实现定时跳转

<script type="text/javascript">

 setTimeout(window.location.href=‘http://www.baidu.com‘,3);

 </script>

（2）html代码实现

 <!--5秒钟后跳转到指定的页面-->

 <meta http-equiv="refresh" content="5;url=http://www.baidu.com" />