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 Select标记中options操作方法集合
Oct 22 Javascript
jQuery 无限级菜单的简单实例
Feb 21 Javascript
Node.js模拟浏览器文件上传示例
Mar 26 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
Jquery代码实现图片轮播效果(一)
Aug 12 Javascript
JS+CSS简单树形菜单实现方法
Sep 12 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
Nov 20 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
Feb 16 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
Feb 17 Javascript
jquery dataview数据视图插件使用方法
Dec 23 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
Nov 06 Javascript
微信小程序发送短信验证码完整实例
Jan 07 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 redis实现超迷你全文检索
2017/03/04 PHP
PDO::rollBack讲解
2019/01/29 PHP
B/S开发中常用javaScript技术与代码
2007/03/09 Javascript
js字符编码函数区别分析
2008/06/05 Javascript
IE8 引入跨站数据获取功能说明
2008/07/22 Javascript
javascript 精粹笔记
2010/05/09 Javascript
flexigrid 参数说明
2010/11/23 Javascript
Jquery读取URL参数小例子
2013/08/30 Javascript
javascript常用对话框小集
2013/09/13 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
使用js显示当前时间示例
2014/03/02 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
jQuery实现动态添加节点与遍历节点功能示例
2017/11/09 jQuery
浅谈使用React.setState需要注意的三点
2017/12/18 Javascript
浅谈Angular 的变化检测的方法
2018/03/01 Javascript
JS实现的JSON数组去重算法示例
2018/04/11 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
2019/04/23 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
Python3 pip3 list 出现 DEPRECATION 警告的解决方法
2019/02/16 Python
django的settings中设置中文支持的实现
2019/04/28 Python
Tensorflow实现在训练好的模型上进行测试
2020/01/20 Python
CSS3之transition实现下划线的示例代码
2018/05/30 HTML / CSS
英国网上超市:Ocado
2020/03/05 全球购物
xml有哪些解析技术?区别是什么
2016/04/26 面试题
不开辟用于交换数据的临时空间,如何完成字符串的逆序
2012/12/02 面试题
外贸销售员求职的自我评价
2013/11/23 职场文书
2014年企业党建工作总结
2014/12/18 职场文书
安全温馨提示语大全
2015/07/14 职场文书
全民创业工作总结
2015/08/13 职场文书
高中团支书竞选稿
2015/11/21 职场文书
导游词之安徽巢湖
2019/12/26 职场文书
Python列表的索引与切片
2022/04/07 Python