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 相关文章推荐
P3P Header解决Cookie跨域的问题
Mar 12 Javascript
JQueryEasyUI datagrid框架的基本使用
Apr 08 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
小程序实现搜索界面 小程序实现推荐搜索列表效果
May 18 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 Javascript
JavaScript基于用户照片姓名生成海报
May 29 Javascript
vue+canvas实现拼图小游戏
Sep 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
php5.3 goto函数介绍和示例
2014/03/21 PHP
ThinkPHP中ajax使用实例教程
2014/08/22 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
JS拖动技术 关于setCapture使用
2010/12/09 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
2012/09/30 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
五种js判断是否为整数类型方式
2015/12/03 Javascript
详解JavaScript RegExp对象
2017/02/04 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
2017/03/08 Javascript
微信小程序表单验证错误提示效果
2017/05/19 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
2017/07/03 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
Node 自动化部署的方法
2017/10/17 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
2017/10/17 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
2018/12/02 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
20道JS原理题助你面试一臂之力(必看)
2019/07/22 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
python中执行shell命令的几个方法小结
2014/09/18 Python
Python从零开始创建区块链
2018/03/06 Python
深入了解python列表(LIST)
2020/06/08 Python
美国当红的名品折扣网:Gilt Groupe
2016/08/15 全球购物
澳大利亚男士西服品牌:M.J.Bale
2018/02/06 全球购物
27个经典Linux面试题及答案,你知道几个?
2013/01/10 面试题
汽车专业人才自我鉴定范文
2013/12/29 职场文书
培训自我鉴定
2014/01/31 职场文书
《要下雨了》教学反思
2014/02/17 职场文书
2014社区三八妇女节活动方案
2014/03/30 职场文书
百日安全活动总结
2014/05/04 职场文书
Java内存模型之happens-before概念详解
2021/06/13 Java/Android
Python django中如何使用restful框架
2021/06/23 Python