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 相关文章推荐
js关闭当前页面(窗口)的几种方式总结
Mar 05 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
基于jQuery实现二级下拉菜单效果
Feb 01 Javascript
JS html时钟制作代码分享
Mar 03 Javascript
详解webpack提取第三方库的正确姿势
Dec 22 Javascript
CKeditor4 字体颜色功能配置方法教程
Jun 26 Javascript
JavaScript实现的联动菜单特效示例
Jul 08 Javascript
element-ui 弹窗组件封装的步骤
Jan 22 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
深入了解php4(2)--重访过去
2006/10/09 PHP
php生成静态文件的多种方法分享
2012/07/17 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
PHP获取数组的键与值方法小结
2015/06/13 PHP
php实现分页显示
2015/11/03 PHP
php实现中文转数字
2016/02/18 PHP
PHP 接入支付宝即时到账功能
2016/09/18 PHP
PHP使用JpGraph绘制折线图操作示例【附源码下载】
2019/10/18 PHP
利用进制转换压缩数字函数分享
2014/01/02 Javascript
javascript教程之不完整的继承(js原型链)
2014/01/13 Javascript
简单谈谈JavaScript的同步与异步
2015/12/31 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
jquery中live()方法和bind()方法区别分析
2016/06/23 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
JavaScript 处理树数据结构的方法示例
2019/06/16 Javascript
JavaScript实现简易计算器小功能
2020/10/22 Javascript
pyramid配置session的方法教程
2013/11/27 Python
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
Python实现的简单发送邮件脚本分享
2014/11/07 Python
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
简单解决Python文件中文编码问题
2015/11/22 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
基于Python List的赋值方法
2018/06/23 Python
Django实战之用户认证(初始配置)
2018/07/16 Python
python循环输出三角形图案的例子
2019/11/22 Python
python中的yield from语法快速学习
2020/11/06 Python
如何用Django处理gzip数据流
2021/01/29 Python
Crucial英睿达法国官网:内存条及SSD固态硬盘升级
2018/07/13 全球购物
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
教师节商场活动方案
2014/02/13 职场文书
创先争优承诺书范文
2014/03/31 职场文书
信用卡工作证明模板
2014/09/14 职场文书
详解python字符串驻留技术
2021/05/21 Python
Mysql数据库值的添加、修改、删除及清空操作实例
2021/06/20 MySQL