前端面试准备笔记之html和css(03)
01. HTML页面的加载顺序
html文档是自上而下加载的。
- head标签中遇到script>标签时，如果引用了外部脚本就下载，否则就直接执行(此时控制权交给js引擎(解释器))，执行完毕后再将控制权交给渲染引擎。
- head完毕后，开始解析body中的代码，此时如果遇到script>,同样会将控制权交给js引擎。
- 当body中的代码全部执行完毕，并且整个页面的css样式加载完毕，css会重新渲染整个页面的html元素。
- 所以，script>标签写在标签靠后的位置较好，因为js会操作html元素，如果在body之前写js逻辑会造成找不到页面元素。
- 图片或视频的加载是异步的，也就是说在加载css和dom过程中，加入出现图片链接，浏览器会额外去下载这个图片，不会阻塞后面的资源解析，但是图片的加载却受css样式的影响，图片加载完成之前，css必须加载完成。
- 如果遇到script>中有错误语法，会直接报错并忽略该script>块的执行，而跳到下一个script>块执行。
- 外部样式和外部脚本也是异步加载的，加载外部文件的时候，不会阻塞后面dom的解析，外部脚本执行没有async、defer的属性时，会被外部样式阻塞，也就是说要等到外部css加载完才会执行外部脚本，添加async或defer就不会受到阻塞。
02. 页面加载的时候调用js方法
<body onload='queryServer()'>
</body>
03. a 标签中target属性使用
target属性规定在何处打开链接文档。以下是4个保留的目标名称用作特殊的文档重定向操作:
- _blank 在新窗口中打开被链接文档。
- _self 默认。在相同的框架中打开被链接文档。
- _parent 在父框架集中打开被链接文档。
- _top 在整个窗口中打开被链接文档。
- framename 在指定的框架中打开被链接文档。
04. 与浏览列表有关的对象
- History 对象包含用户访问过的URL
- Location 对象包含有关当前的URL的信息
- Window 对象表示浏览器中打开的窗口
- Navigator 对象包含有关浏览器的信息
05. 背景图和img标签之间的区别？
- 背景图会等到html加载完后才开始加载，img标签属于html一部分，会在html结构加载的时候加载。
- 背景图加载失败或找不到路径的时候，不会显示图片标记。
- img标签在加载失败或找不到路径的时候，会显示一个撕裂的图标。
- 数据图就是从后台获取的图片，一般用img标签显示，其他的一般用背景图显示。
06. iframe 与 frame
优点：
- 优点是程序调入静态页面比较方便，页面与程序分离。
缺点：
- 样式/脚本需要额外链入，会增加请求。
- 首页如果用iframe，搜索引擎最讨厌的，即使网站再好也不会有好的名次。
- 调用外部页面，需要额外的调用css，给页面带来额外的请求次数。
- iframe会给页面带来冲击，只要可能，不要使用iframe。
- iframe加载资源的时候可能会用光所有的可用连接欸，从而阻塞主页面的资源加载。
iframe和frame的区别:
- frame不能脱离frameSet单独使用，iframe可以;
- frame不能放在body中.
- frame与iframe两者基本功能相似，不过iframe比frame具有更多的灵活性。
- frame是整个页面的框架，iframe是内嵌的网页元素，也可以说是内嵌框架，可以用一个HTML文档嵌入在一个HTML显示。
浙公网安备 33010602011771号