• 四、面试准备-前端知识


    1、Ajax的工作原理

    Ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。

    1、使用CSS和XML来表示
    2、使用DOM模型来交互和动态显示
    3、使用XMLHttpRequest来和服务器进行异步通信。
    4、使用JavaScript来绑定和调用。

    Ajax的原理简单来说通过XMLHttpRequest对象向服务器发起异步请求,从服务器获得数据,然后用JavaScript来操作DOM而更新页面。

    2、DOM是什么?

    DOM定义了访问HTML和XML文档的标准。

    XML DOM定义了所有XML元素的对象和属性,以及访问它们的方法。

    HTML DOM定义了所有HTML元素的对象和属性,以及访问它们的方法。

    换言之,HTML DOM是关于如何获取、修改、添加或删除HTML元素的标准。

    3、innerHTML和outerHTML的区别

    获取某个元素的内容:

    innerHTML:从对象的起始位置到终止位置的全部内容。
    outerHTML:除了包含innerHTML的全部内容外,还包含对象标签本身。

    例:获取id=“test”
    <div id="test">
    <span style="color:red">test1</span>
    </div>

    innerHTML的值是“<span style="color:red">test1</span>”。

    outerHTML的值是“<div id="test"><span style="color:red">test1</span></div>”。

    innerText的值是“test1”。

    outerText的值是“test1”。

    改变某个元素的内容:

    例:id =“test”

    <div id="test"></div>

    innerHTML="<i>内容</i>"
    //<div id="test"><i>内容</i></div> 展示出来的是斜体的“内容”,i作为html标签解析了。

    outerHTML="<i>内容</i>"
    //<i>内容</i> 就是替换了外面的标签,同时i会被解析,展现一个斜体的“内容”。

    innerText="<i>内容</i>"
    //<div id="test"><i>内容</i></div> 展示的内容为“<i>内容</i>”,i没有作为html的标签解析,而是直接输出了。

    outerText="<i>内容</i>"
    //替换外面的标签,i没有解析,页面显示“<i>内容</i>”。

    4、Html页面加载完毕后运行某个js的两个方法

    1、window.onload=function(){}

    2、$(document).ready(function(){})   可简写为:$(function(){})

    两种方法的区别:

    window.onload 当一个文档完全下载到浏览器中时,才会触发window.onload事件。也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利,因为无需考虑加载的次序。

    $(document).ready 会在DOM完全就绪并可以使用时调用。当HTML下载完成并解析为DOM树之后,代码就会执行。此时并不意味着所有关联的文件都已经下载完毕。

    5、JavaScript有哪些打开一个页面的方式

    在原来的窗体中直接跳转用:window.location.href="要跳转的页面"。

    在新窗体中打开页面用:window.open('要跳转的页面')。

    6、<jsp:include>和<%@include%>的区别

    <jsp:include>和<%@include%>是jsp中包含页面的两种方法。

    <%@include%>:当JSP转换成Servlet时引入指定文件 (静态包含) 。

    <jsp:include>:当JSP页面被请求时引入指定文件(动态包含)。

    对于静态包含,<%@include%>,中包含的文件(无论html文件还是jsp文件),只是简单的嵌入到主文件中,就是在jsp页面转化成Servlet时才嵌入到主文件中,因为运行的结果是只生成了一个Servlet。

    而对于动态包含< jsp:incude>,如果被包含文件是动态的(jsp文件),那么就会生成两个Servlet,也就是被包含文件也要经过jsp引擎编译执行生成一个Servlet,两个Servlet通过request和reponse进行通信(包含的jsp是一个完整的文件有html、body等标签)。如果被包含的文件是静态的(html文件),那么这种情况和<%@include>就很相似,只生成了一个Servlet,但是他们之间没有进行简单的嵌入,而依然是通过request和reponse进行的通信

  • 相关阅读:
    新书《JFinal极速开发实战》正式发布
    Maven转化为Dynamic Web Module
    SpringMVC——数据校验
    SpringMVC——请求映射
    Spring——Bean的命名及实例化
    js实现省市区三级联动
    MySQL数据库忘记密码
    Spring——控制反转
    SpringMVC(五)@RequestHeader和@CookieValue
    SpringMVC(四)@RequestParam
  • 原文地址:https://www.cnblogs.com/xiaolangzhong/p/10061839.html
Copyright © 2020-2023  润新知