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 相关文章推荐
XHTML-Strict 内允许出现的标签
Dec 11 Javascript
javascript innerHTML、outerHTML、innerText、outerText的区别
Nov 24 Javascript
jquery 子窗口操作父窗口的代码
Sep 21 Javascript
JS解决url传值出现中文乱码的另类办法
Apr 08 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
详解js的六大数据类型
Dec 27 Javascript
ES6新特性一: let和const命令详解
Apr 20 Javascript
微信小程序 开发之全局配置
May 05 Javascript
微信小程序实现自动定位功能
Oct 31 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 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
php 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
php通过淘宝API查询IP地址归属等信息
2015/12/25 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
2013/04/24 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
jquery实现简单的自动播放幻灯片效果
2015/06/13 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
React中上传图片到七牛的示例代码
2017/10/10 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
vue实现未登录跳转到登录页面的方法
2018/07/17 Javascript
node中的session的具体使用
2018/09/14 Javascript
详解vue文件中使用echarts.js的两种方式
2018/10/18 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
python使用7z解压软件备份文件脚本分享
2014/02/21 Python
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
python每隔N秒运行指定函数的方法
2015/03/16 Python
Python 通过URL打开图片实例详解
2017/06/01 Python
python 限制函数调用次数的实例讲解
2018/04/21 Python
Pytorch GPU显存充足却显示out of memory的解决方式
2020/01/13 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
初中考试作弊检讨书
2014/02/01 职场文书
物流管理专业推荐信
2014/09/06 职场文书
教师批评与自我批评发言稿
2014/10/15 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
旷工检讨书大全
2015/08/15 职场文书
小学三年级数学教学反思
2016/02/16 职场文书