javascript基础语法学习笔记


Posted in Javascript onJanuary 04, 2016

一、定义

javascript是一门用来增强页面动态效果,实现页面与用户之间的实时、动态交互的脚本语言(解释型编程语言)。javascript由三部分组成:ECMA、DOM和BOM

[1]ECMAScript由ECMA-262定义,提供核心语言功能(ECMA是欧洲计算机制造商协会)

[2]DOM文档对象模型,提供访问和操作网页内容的方法的接口

[3]BOM浏览器对象模型,提供与浏览器交互的方法的接口 

二、引入

引入javascript有两种办法:在页面内嵌入js代码和引入外部文件

[1]页面内嵌入

<script>
  alert("My First JavaScript");
</script>

[2]引入外部js文件

[注意]带有src属性的<script>元素不应该在其<script>标签之间再包含额外的js代码,如果包含了嵌入的代码,则只会下载并执行外部脚本,而忽略嵌入的代码

<script src="myScript.js"></script>

<script>

无论哪种引入方法,都需要利用<script>标签。<script>标签共用6个属性,其中language属性已经废弃

[1]src:表示包含要执行代码的外部文件,该文件可以跨域

[2]charset:可选,表示通过src属性指定的代码的字符集,大多数浏览器会忽略

[3]defer:可选,表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本有效

[4]async:可选,表示应该立即下载脚本,但不妨碍页面的其他操作。只对外部脚本有效

[5]type:可选,是language的替代属性,表示编写代码使用的脚本语言的内容类型,也称为MIME类型。考虑到兼容,一般还是text/javascript,若不指定,默认值也是text/javascript

[6]language:已废弃 

async和defer

[1]如果async和defer都不设置,浏览器会立即加载并执行指定的脚本

<script src="test.js"></script>
[2]如果只设置async,浏览器会异步下载脚本,不阻塞页面的其他操作

[注意]异步脚本一定会在页面的load事件前执行

<script src="test.js" async></script>
[3]如果只设置defer,脚本会被延迟到文档完全被解析和显示后再执行

<script src="test.js" defer></script> 

注释

注释可以提高代码可读性,帮助自己和别人阅读和理解Javascript代码,注释的内容不会在网页中显示,分为单行注释和多行注释两种

//单行注释
/*
多行注释
 */

忽略空格

JavaScript会忽略多余的空格,可以向脚本添加空格,来提高其可读性

//以下写法均正确
var name="hello";
var name ="hello";
var name = "hello";

代码折行

可以在文本字符串中使用反斜杠对代码行进行换行

//正确
document.write("Hello \
World!");
//错误
document.write \
("Hello World!");

大小写敏感

JavaScript的变量、函数名和操作符都区分大小写。函数getElementById与getElementbyID不同,同样,变量myVariable与MyVariable也是不同的

保留字和关键字

ECMA-262描述了一组具有特定用途的关键字,这些关键字用于表示控制语句的开始或结束,或用于执行特定操作等;ECMA-262还描述了另外一组不能用作标识符的保留字,它们将来有可能成为关键字。

javascript基础语法学习笔记

//第5版在非严格模式下的保留字
Class | enum | extends | super | const | export | import 
//第5版在严格模式下的保留字
Implements | package | public | interface | private | static | let* | protected | yield*
Javascript 相关文章推荐
jscript之Read an Excel Spreadsheet
Jun 13 Javascript
javascript iframe中打开文件,并检测iframe存在否
Dec 28 Javascript
JavaScript 的继承
Oct 01 Javascript
JS方法调用括号的问题探讨
Jan 24 Javascript
Bootstrap每天必学之导航组件
Apr 25 Javascript
微信小程序 开发之顶部导航栏实例代码
Feb 23 Javascript
微信小程序三级联动地址选择器的实例代码
Jul 12 Javascript
通过实践编写优雅的JavaScript代码
May 30 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
js时间转换毫秒的实例代码
Aug 21 Javascript
JavaScript制作3D旋转相册
Aug 02 Javascript
原生js实现日历效果
Mar 02 Javascript
封装好的javascript前端分页插件pagination
Jan 04 #Javascript
详解javascript的变量与标识符
Jan 04 #Javascript
bootstrap实现弹窗和拖动效果
Jan 03 #Javascript
基于javascript实现窗口抖动效果
Jan 03 #Javascript
理解jquery事件冒泡
Jan 03 #Javascript
实例讲解避免javascript冲突的方法
Jan 03 #Javascript
详解js中class的多种函数封装方法
Jan 03 #Javascript
You might like
php实现利用phpexcel导出数据
2013/08/24 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
C# WinForm中实现快捷键自定义设置实例
2015/01/23 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
javascript的函数、创建对象、封装、属性和方法、继承
2011/03/10 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
2015/11/15 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
2015/12/17 Javascript
jQuery给指定的table动态添加删除行的操作方法
2016/10/12 Javascript
Angular 2应用的8个主要构造块有哪些
2016/10/17 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
使用javaScript实现鼠标拖拽事件
2020/04/03 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
2019/06/03 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
微信小程序 scroll-view的使用案例代码详解
2020/06/11 Javascript
在Python中使用元类的教程
2015/04/28 Python
TensorFlow 合并/连接数组的方法
2018/07/27 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
Keras 实现加载预训练模型并冻结网络的层
2020/06/15 Python
Python 发送邮件方法总结
2020/08/10 Python
Jupyter Notebook 安装配置与使用详解
2021/01/06 Python
matplotlib bar()实现多组数据并列柱状图通用简便创建方法
2021/02/24 Python
45个非常奇妙的CSS3 特性应用示例
2012/01/01 HTML / CSS
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
陈欧的广告词
2014/03/18 职场文书
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
2014财务年度工作总结
2014/11/11 职场文书
工程质量保证书
2015/05/09 职场文书
TensorFlow中tf.batch_matmul()的用法
2021/06/02 Python
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python