首页 > 其他 > 详细

2020年2月10日 线上笔记

时间:2020-02-10 21:23:55      阅读:76      评论:0      收藏:0      [点我收藏+]

1.js常见的三种输出语句

console.log()在浏览器的控制台输出

技术分享图片

 

 

 alert()弹出一个对话框

 

document.write()在页面输出

2.script标签是否可以在html中任意放置?

 答:不可以,跟内容的执行顺序有关。如果想任意放置script标签,需要在里面写window.onload.

  html中内容的执行顺序

  1.解析html结构  --浏览器的一个解析器 解析标签 从上到下

  2.引入样式文件css文件和脚本文件js文件

  3.解析和执行脚本代码 ---浏览器中的js引擎执行的

  4.加载图片(视频和音频)资源

  5.加载css的样式代码

  6.执行window.onload操作  所有文档加载完成之后再执行

技术分享图片跟html中内容的加载顺序有关。

 

 

 window.onload的优势

1.将里面的代码放在最后执行

2.形成私有作用域保护里面的变量不受外部影响

技术分享图片

 

 

 技术分享图片

 

 

 3.每个js文件只能有一个window.onload最后面的会覆盖掉前面的。

技术分享图片

 

 

 三.web前段的三个层(三件套/三剑客)

1.html 结构层  2.css 表现层   3.js 行为层

 

开发过程中要保持三者分离。尽量不要耦合在一起。

 这叫结构和行为耦合,避免这种写法。

阻止超链接刷新页面。

 

1.变量的存储方式  2.作用域的问题  3.函数的问题  4.数据类型

 

 

2020年2月10日 线上笔记

原文:https://www.cnblogs.com/xwzs/p/12292272.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!