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 相关文章推荐
innerText和innerHTML 一些问题分析
May 18 Javascript
jQuery 源码分析笔记(7) Queue
Jun 19 Javascript
PHP abstract与interface之间的区别
Nov 11 Javascript
Css3制作变形与动画效果
Jul 24 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
详解JS获取HTML DOM元素的8种方法
Jun 17 Javascript
js合并两个数组生成合并后的key:value数组
May 09 Javascript
node.js部署之启动后台运行forever的方法
May 23 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
May 22 Javascript
Vite和Vue CLI的优劣
Jan 30 Vue.js
关于对TypeScript泛型参数的默认值理解
Jul 15 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将mysql数据库整库导出生成sql文件的具体实现
2014/01/08 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
PHP的PDO大对象(LOBs)
2019/01/27 PHP
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
node+express+jade制作简单网站指南
2014/11/26 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
2017/03/03 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
使用Vue制作图片轮播组件思路详解
2018/03/21 Javascript
javascript的惯性运动实现代码实例
2019/09/07 Javascript
React Native 混合开发多入口加载方式详解
2019/09/23 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
JS实现音乐钢琴特效
2020/01/06 Javascript
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
python格式化字符串实例总结
2014/09/28 Python
python2.7到3.x迁移指南
2018/02/01 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
用Python逐行分析文件方法
2019/01/28 Python
pyside+pyqt实现鼠标右键菜单功能
2020/12/08 Python
Python3和pyqt5实现控件数据动态显示方式
2019/12/13 Python
canvas实现按住鼠标移动绘制出轨迹的示例代码
2018/02/05 HTML / CSS
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
世界上最大的售后摩托车零配件超市:J&P Cycles
2017/12/08 全球购物
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
艺术应用与设计个人的自我评价
2013/11/23 职场文书
法人代表授权委托书
2014/04/08 职场文书
《学会合作》教学反思
2014/04/12 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
消防安全主题班会
2015/08/12 职场文书
Python各协议下socket黏包问题原理
2022/04/12 Python