JavaScript 学习笔记之基础中的基础


Posted in Javascript onJanuary 13, 2015

概要:javascript的组成、 各个组成部分的作用 、

一、javascript的组成

  javascript 
ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型)

1.1ECMAScript

ECMAScript是通过ECMA-262标准化的脚本语言,ECMA-262规定语言的:语法、类型、语句、关键字、保留字、操作符、对象

1.2 DOM

DOM把整个页面映射为一个多层节点结构,HTML或者XML等页面中的每个组成部分都是某种类型的节点,这些节点又包含不同类型的数据。

1.3 BOM

控制浏览器显示的页面以外的部分

二、<script>元素

2.1使用方式

外部引用javascript文件:

<script type="text/javascript" src="../../XX.js"></script>

页面嵌入javascript代码

<script type="text/javascript">

    var first="第一个变量";

    alert(first);

</script>

2.2 <script>元素的属性

defer延迟脚本:脚本会被延迟到整个页面都被解析完才执行,虽然是延迟执行,但是浏览器已经下载完了该js文件。

<!DOCTYPE html>

<html>

    <head>

         <script type="text/javascript" defer="defer" src="demo.js"></script>

    </head>

</html>

上述例子中,虽然<script>标签位于<head>标签内,但是demo.js会延迟到浏览器遇到</html>后才执行。

defer只适用于外部引入的脚本文件

       async异步脚本:不必让页面等待脚本的下载和执行,从而异步加载页面其他内容。因此,异步加载脚本不要在加载期间修改dom.

<!DOCTYPE html>

<html>

    <head>

         <script type="text/javascript" defer="defer" src="demo1.js">

         <script type="text/javascript" defer="defer" src="demo2.js"></script>

    </head>

</html>

都是些javascript的基础知识,希望大家不要读得想睡着,只有打好基础才有质变的可能哦。

Javascript 相关文章推荐
Javascript miscellanea -display data real time, using window.status
Jan 09 Javascript
Js 订制自己的AlertBox(信息提示框)
Jan 09 Javascript
javascript AutoScroller 函数类
May 29 Javascript
拖动布局之保存布局页面cookies篇
Oct 29 Javascript
JS实现5秒钟自动封锁div层的方法
Feb 20 Javascript
使用JavaScript实现连续滚动字幕效果的方法
Jul 07 Javascript
JQuery DIV 动态隐藏和显示的方法
Jun 23 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
详解Angular6学习笔记之主从组件
Sep 05 Javascript
vue项目中使用scss的方法步骤
May 16 Javascript
angular inputNumber指令输入框只能输入数字的实现
Dec 03 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 Javascript
jQuery 中DOM 操作详解
Jan 13 #Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
Jan 13 #Javascript
jQuery过滤选择器详解
Jan 13 #Javascript
jQuery入门介绍之基础知识
Jan 13 #Javascript
javascript实现时间格式输出FormatDate函数
Jan 13 #Javascript
Web表单提交之disabled问题js解决方法
Jan 13 #Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 #Javascript
You might like
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
收听困难?教您超简便短波广播抗干扰方法!
2021/03/01 无线电
新版mysql+apache+php Linux安装指南
2006/10/09 PHP
PHP编程之高级技巧——利用Mysql函数
2006/10/09 PHP
PHP 常用函数库和一些实用小技巧
2009/01/01 PHP
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
PHP中计算字符串相似度的函数代码
2012/12/29 PHP
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
js自定义事件及事件交互原理概述(二)
2013/02/01 Javascript
原生js实现半透明遮罩层效果具体代码
2013/06/06 Javascript
js报$ is not a function 的问题的解决方法
2014/01/20 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
2016/12/08 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
react 兄弟组件如何调用对方的方法示例
2018/10/23 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
微信小程序mpvue点击按钮获取button值的方法
2019/05/29 Javascript
深入理解 JS 垃圾回收
2019/06/03 Javascript
JavaScript 继承 封装 多态实现及原理详解
2019/07/29 Javascript
详解Vue的watch中的immediate与watch是什么意思
2019/12/30 Javascript
vue-cli设置publicPath小记
2020/04/14 Javascript
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
[41:52]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第二场 2月22日
2021/03/11 DOTA
python基础教程之基本内置数据类型介绍
2014/02/20 Python
python和shell获取文本内容的方法
2018/06/05 Python
删除DataFrame中值全为NaN或者包含有NaN的列或行方法
2018/11/06 Python
Django 开发环境配置过程详解
2019/07/18 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
python对验证码降噪的实现示例代码
2019/11/12 Python
html5小技巧之通过document.head获取head元素
2014/06/04 HTML / CSS
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
党员学习新党章思想汇报
2014/10/25 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书