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定时器设定时间执行动作
Apr 02 Javascript
JavaScript 布尔操作符解析  &amp;&amp; || !
Aug 10 Javascript
常用的JavaScript WEB操作方法分享
Feb 28 Javascript
jQuery stop()用法实例详解
Jul 28 Javascript
jQuery弹出下拉列表插件(实现kindeditor的@功能)
Aug 16 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
Oct 09 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
angularjs实现多张图片上传并预览功能
Feb 24 Javascript
详解Vue中的scoped及穿透方法
Apr 18 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
Apr 11 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 Javascript
Vue组件简易模拟实现购物车
Dec 21 Vue.js
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 变量定义方法
2009/06/14 PHP
PHP实现从上往下打印二叉树的方法
2018/01/18 PHP
Javascript引用指针使用介绍
2012/11/07 Javascript
JS画5角星方法介绍
2013/09/17 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
JavaScript闭包详解
2015/02/02 Javascript
Javascript实现字数统计
2015/07/03 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
2017/11/14 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
vue 使用自定义指令实现表单校验的方法
2018/08/28 Javascript
angularJS自定义directive之带参方法传递详解
2018/10/09 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
基于VSCode调试网页JavaScript代码过程详解
2020/07/20 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
JS相册图片抖动放大展示效果的示例代码
2021/01/29 Javascript
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
Python实现PS滤镜特效之扇形变换效果示例
2018/01/26 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
租租车:国际租车、美国租车、欧洲租车、特价预订国外租车(中文服务)
2018/03/28 全球购物
施华洛世奇意大利官网:SWAROVSKI意大利
2018/07/23 全球购物
领导班子对照检查材料
2014/09/22 职场文书
无保留意见审计报告
2015/06/05 职场文书
高中军训感想
2015/08/07 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python
Spring Boot 启动、停止、重启、状态脚本
2021/06/26 Java/Android
MySQL创建表操作命令分享
2022/03/25 MySQL
Redis过期数据是否会被立马删除
2022/07/23 Redis