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 select常用操作控制代码
Mar 16 Javascript
juery框架写的弹窗效果适合新手
Nov 27 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
May 14 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
jQuery Select下拉框操作小结(推荐)
Jul 22 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
Apr 27 Javascript
关于jquery form表单序列化的注意事项详解
Aug 01 jQuery
node前端开发模板引擎Jade的入门
May 11 Javascript
基于Vue实现图片在指定区域内移动的思路详解
Nov 11 Javascript
node.JS路径解析之PATH模块使用方法详解
Feb 06 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
Aug 24 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
中英文字符串翻转函数
2008/12/09 PHP
在Nginx上部署ThinkPHP项目教程
2015/02/02 PHP
php多线程并发实现方法
2016/09/30 PHP
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
php使用PDO事务配合表格读取大量数据插入操作实现方法
2017/02/16 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
jquery中通过父级查找进行定位示例
2013/06/28 Javascript
JS+css 图片自动缩放自适应大小
2013/08/08 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
2016/01/12 Javascript
jquery 中toggle的2种用法详解(推荐)
2016/09/02 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
python中zip和unzip数据的方法
2015/05/27 Python
Python中的迭代器与生成器高级用法解析
2016/06/28 Python
python Flask实现restful api service
2017/12/04 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
python中dir()与__dict__属性的区别浅析
2018/12/10 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
TensorFlow基本的常量、变量和运算操作详解
2020/02/03 Python
python实现录屏功能(亲测好用)
2020/03/02 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
详解Python中list[::-1]的几种用法
2020/11/16 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
C#软件工程师英语面试题
2015/06/07 面试题
应届毕业生个人求职自荐信
2014/01/06 职场文书
会计求职信
2014/05/29 职场文书
电子信息专业应届生自荐信
2014/06/04 职场文书
2014年教师业务工作总结
2014/12/19 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
七一表彰大会简报
2015/07/20 职场文书
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python
解析Java异步之call future
2021/06/14 Java/Android
适合后台管理系统开发的12个前端框架(小结)
2021/06/29 Javascript