JavaScript和jQuery常见面试题

news/2024/7/11 1:37:45 标签: JS, jQuery, 面试题, 基础知识点

前言

  javascript和jQuery在前端开发中发挥着巨大的作用,在面试的过程中这也是不可缺少的话题吧!故搜集了一些面试会遇到的问题,与大家共享!

JavaScript部分

  • 下面代码什么会被打印在控制台上?
(function(){
	var a = b = 5;
})();

console.log(b);

  上面的代码会打印出5,拆解函数变量赋值过程如下:

b = 5;
var a =b;

  所以b成了全局变量,而a是函数的一个局部变量。

  • 执行这段代码,输出什么结果?
function test() {
	console.log(a);
	console.log(foo());
	var a = 1;
	function foo(){
		return 2;
	}
}
test();

  代码的结果是:undefined和2;执行过程如下:

function test(){
	var a;
	function foo(){
		return 2;
	}
	console.log(a);
	console.log(foo());

	a = 1;
}
test();

  变量a声明但是没有进行赋值,所以是undefined;调用函数返回结果2。

  • javascript是面向对象的,怎么体现JavaScript的继承关系?

  使用prototype实现。

  • JS中的3种弹出式消息提醒的命令是什么?

  alert—警告窗口
  confirm—确认窗口
  prompt—信息输入窗口

  • innerHTML,innerText,outerHTML,outerText的区别:

  innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析,而innerText与outerText则不会;
  在设置时,innerHTML与innerText仅设置标签内的文本,而outerHTML与outerText设置包括标签在内的文本。

  • 什么是NaN?

  NaN是Not a Number的缩写,JavaScript的一种特殊数值,其类型是Number,可以通过isNaN(param)来判断一个值是否是NaN:

console.log(isNaN(NaN));           //true
console.log(isNaN(23));           //false
console.log(NaN === NaN);     //false
console.log(NaN === undefined);        //false
console.log(undefined === undefined);      //true
console.log(NaN == NaN);      //false
console.log(typeof NaN);           //number

jQuery_81">jQuery部分

  • jQuery的美元符号$有什么作用

  美元符号$是“jQuery”的别名,它是jQuery的选择器,如下:

$(document).ready(function(){                //其中可以用jQuery代替$

});

  在jQuery中,可以通过这个美元符号实现各种灵活的DOM元素选择,例如$("#main")既“选中id为main的元素”。

  • body中的onload()函数和jQuery中的document.ready()有什么区别?

  document.ready()函数在页面DOM元素加载完以后就会被调用,而onload()函数则要在所有的关联资源(包括图像、音频)加载完毕之后才会被调用。
  我们可以在页面中使用多个document.ready(),但只能使用一次onload()。

  • 使用jQuery将页面上的所有元素边框设置为2px宽的红色的虚线
<script language="javascript" type="text/javascript">
	$("*").css("border","2px dotted red");
</script>
  • jQuery$.get()提交和$.post()提交有区别吗?

      $.get()方法使用get方法来进行异步请求的,$.post()方法使用post方法来进行异步请求的;
      get请求会将参数跟在URL后进行传递,而post请求则是作为HTTP消息的实体内容发送给Web服务器的;
      get方式传输的数据大小不能超过2KB,而post要大得多;
      get方式的请求的数据会被浏览器缓存起来,因此有安全问题。

  • jQuery中如何去操作样式?

  addClass()追加样式;
  removeClass()删除样式;
  toggleClass()切换样式。

总结

  这只是一部分内容,详细的大家可以学习一下“W3School”里面的内容,在掌握好理论的基础上去实践。


http://www.niftyadmin.cn/n/1659631.html

相关文章

javascript初步学习---day2

1.在html中用于获取id的&#xff0c;需要采用document.getElementById("Id名")&#xff1b; 例如&#xff1a;<p id"pid">javascript</p> <script type"text/javascript"> var mychardocument.getElementById("pid&qu…

javascript的window.open()的所有参数

【1、最基本的弹出窗口代码】      <SCRIPT LANGUAGE"javascript">   <!--   window.open (page.html)   -->   </SCRIPT>      因为着是一段javascripts代码&#xff0c;所以它们应该放在<SCRIPT LANGUAGE"javascr…

javascript学习----关于字符串类的隐性转换

1.&#xff1a;表示为字符加 如&#xff1a;“32”32“3232” 2.-&#xff1a;表示数字加减 如&#xff1a;"32"-3264 3.布尔类型有两种&#xff1a; truefalse 4.字符串中“严格等于”、“等于”&#xff1b; “1,23”1.23&#xff1b; 0false&#xff1b; …

自己总结的java相关面试题

1 面试技术题 1.1 Java基础部分 基础部分的顺序&#xff1a;基本语法&#xff0c;类相关的语法&#xff0c;内部类的语法&#xff0c;继承相关的语法&#xff0c;异常的语法&#xff0c;线程的语法&#xff0c;集合的语法&#xff0c;io的语法&#xff0c;虚拟机方面的语法&a…

对html-css基础知识的复习———慕课网npu

1.em和strong 共同点&#xff1a;都可以对已知文本进行强调&#xff1b; 不同点&#xff1a;em强调的大多为短文本&#xff0c;且程度轻&#xff1b;strong强调的程度较为强烈。 2.<br/>和<hr/>区别 br/&#xff1a;表示换行&#xff1b; hr/&#xff1a;表示…

Ajax发送异步请求

简介 Ajax&#xff08;Asynchronous JavaScript and XML&#xff09;即异步的JS和XML&#xff0c;本质是使用JS提供的XMLHttpRequest对象异步地向服务器发送请求&#xff0c;并接受响应数据。服务器响应回来的是部分的数据而不是完整的页面&#xff0c;并且可以以无刷新的效果来…

对css加强与巩固——day2

1.<p>html-css <span>javascript</span> php</p> 在<style>...</style>中&#xff0c;应写成&#xff1a;p span{...} 2.<p id"pid">html-css <span>javascript</span></p> 应写成&#xff1a;…

Windows搭建vue环境

前言 vue.js是一套构建用户界面的渐进式框架&#xff0c;其目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 vue.js安装 1.从官网上下载后直接通过<script></script>标签引入。 官网地址&#xff1a;vue官网&#xff0c;我引用的是开发版本&#…