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 相关文章推荐
div层的移动及性能优化
Nov 16 Javascript
javascript开发技术大全 第4章 直接量与字符集
Jul 03 Javascript
JavaScript 原型继承
Dec 26 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
Jan 17 Javascript
用json方式实现在 js 中建立一个map
May 02 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
ES6中的箭头函数实例详解
Apr 06 Javascript
Angular directive递归实现目录树结构代码实例
May 05 Javascript
Vue.js项目部署到服务器的详细步骤
Jul 17 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 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高级OOP技术演示
2009/08/27 PHP
使用PHP实现Mysql读写分离
2013/06/28 PHP
PHP中substr()与explode()函数用法分析
2014/11/24 PHP
PHP+Mysql+jQuery文件下载次数统计实例讲解
2015/10/10 PHP
ThinkPHP 3.2.2实现事务操作的方法
2017/05/05 PHP
提高网站信任度的技巧
2008/10/17 Javascript
基于jQuery图片平滑连续滚动插件
2009/04/27 Javascript
JavaScript XML操作 封装类
2009/07/01 Javascript
Javascript的闭包
2009/12/31 Javascript
通过隐藏iframe实现文件下载的js方法介绍
2014/02/26 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
2014/09/01 Javascript
ubuntu下安装nodejs以及升级的办法
2015/05/08 NodeJs
js基础知识(公有方法、私有方法、特权方法)
2015/11/06 Javascript
微信QQ的二维码登录原理js代码解析
2016/06/23 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
Javascript异步执行不按顺序解决方案
2020/04/30 Javascript
VSCode搭建Vue项目的方法
2020/04/30 Javascript
py2exe 编译ico图标的代码
2013/03/08 Python
Numpy之random函数使用学习
2019/01/29 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
python动态文本进度条的实例代码
2020/01/22 Python
通过代码实例了解Python sys模块
2020/09/14 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
历史教育专业个人求职信
2013/12/13 职场文书
医院院务公开实施方案
2014/05/03 职场文书
骨干教师培训方案
2014/05/06 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
2019年大学推荐信
2019/06/24 职场文书
Python批量将csv文件转化成xml文件的实例
2021/05/10 Python
MySQL系列之二 多实例配置
2021/07/02 MySQL
唤醒紫霞仙子,携手再游三界!大话手游X《大话西游》电影合作专属剧情任务
2022/04/03 其他游戏