JavaScript基本语法讲解


Posted in Javascript onJune 03, 2015

 JavaScript由被放置在<script>... </script>的JavaScript语句,在网页中的HTML标签。

可以将<script>包含您的JavaScript在网页的任何地方,但最好的方式是放它在<head>标签内。

<script>标记警告浏览器程序,开始解释这些标记之间的所有文本作为一个脚本。所以,JavaScript的语法简单如下:

<script ...>

  JavaScript code

</script>

script标签有两个重要属性:

  1.     language: 该属性指定的脚本语言所使用。通常情况下,它的值是JavaScript。虽然最近HTML(和XHTML,其继任者)的版本已经不再使用这个属性。
  2.     type: 该属性是现在被推荐来指示所使用的脚本语言和它的值应被设置为 "text/javascript".

所以,你的JavaScript片段应该是这样的:

<script language="javascript" type="text/javascript">
 JavaScript code
</script>

第一个JavaScript脚本:

让我们写一个例子打印出来 "Hello World".

<html>
<body>
<script language="javascript" type="text/javascript">
<!--
  document.write("Hello World!")
//-->
</script>
</body>
</html>

Javascript代码可选HTML注释。这里是的代码不支持JavaScript的浏览器。用“//->”注释结束。“//”表示在Javascript的注释,所以我们增加了防止浏览器在读取HTML注释的结尾作为一段JavaScript代码。

接下来,我们调用一个函数document.write其写入字符串到HTML文档。这个函数可用于写文本,HTML,或两者都有。所以,上面的代码会显示以下结果:

Hello World!

空格和换行:

JavaScript忽略空格,制表符和换行符出现在JavaScript程序。

因为这样你就可以自由地格式化和缩进程序在一个整洁,一致的方式,使代码易于阅读和理解,你可以使用空格,制表符,换行符和自由地在你的程序中。
分号是可选:

一般后跟一个分号在JavaScript中简单的语句,只是因为它们在C,C++和Java。 JavaScript,但是可以忽略这个分号,如果每个语句放置在一个单独的行。例如,下列代码可被写入,而不使用分号

<script language="javascript" type="text/javascript">
<!--
 var1 = 10
 var2 = 20
//-->
</script>

但是,当在一行如下格式化,分号是必需的:

<script language="javascript" type="text/javascript">
<!--
 var1 = 10; var2 = 20;
//-->
</script>

注:使用分号是一个良好的编程习惯。
区分大小写:

JavaScript是一种区分大小写的语言。这意味着,语言的关键字,变量,函数名,以及任何其他的标识符必须始终用一个字母一致写入大小写。

所以标识符Time, TIme 和TIME 在JavaScript中有不同的含义。

注:在变量和函数名在JavaScript中应注意。
JavaScript中的注释:

JavaScript 支持C风格和C++ 风格的注释,因此:

  •     //和行结束之间的所有文本将被视为一个注释,是会被JavaScript忽略。
  •     任何文本在/*和*/之间的字符被视为注释。这可能会跨越多行。
  •     JavaScript还承认HTML注释打开顺序<!--, JavaScript对待这是一个单行注释,就像//注释。
  •     在HTML注释结束序列-->无法识别,所以JavaScript应该写成//-->。

示例:

<script language="javascript" type="text/javascript">
<!--

// This is a comment. It is similar to comments in C++

/*
 * This is a multiline comment in JavaScript
 * It is very similar to comments in C Programming
 */
//-->
</script>
Javascript 相关文章推荐
实现连缀调用的map方法(prototype)
Aug 05 Javascript
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
jQuery.validate 常用方法及需要注意的问题
Mar 20 Javascript
jQuery老黄历完整实现方法
Jan 16 Javascript
使用Raygun来自动追踪AngularJS中的异常
Jun 23 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
Oct 15 Javascript
js仿微博实现统计字符和本地存储功能
Dec 22 Javascript
js中常用的Tab切换效果(推荐)
Aug 30 Javascript
基于JavaScript实现本地图片预览
Feb 08 Javascript
JS中的BOM应用
Feb 02 Javascript
vue 实现用户登录方式的切换功能
Apr 14 Javascript
javascript实现多边形碰撞检测
Oct 24 Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 #Javascript
ECMAScript中函数function类型
Jun 03 #Javascript
JavaScript运算符小结
Jun 03 #Javascript
浅谈JavaScript字符串与数组
Jun 03 #Javascript
详谈javascript中的cookie
Jun 03 #Javascript
jquery滚动特效集锦
Jun 03 #Javascript
jQuery实现文本展开收缩特效
Jun 03 #Javascript
You might like
桌面中心(三)修改数据库
2006/10/09 PHP
如何跨站抓取别的站点的页面的补充
2006/10/09 PHP
利用PHP+JS实现搜索自动提示(实例)
2013/06/09 PHP
PHP简单实现文本计数器的方法
2016/04/28 PHP
PHP实现多级分类生成树的方法示例
2017/02/07 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
用jquery实现输入框获取焦点消失文字
2013/04/27 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
2015/06/22 Javascript
javascript中new关键字详解
2015/12/14 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
vue仿element实现分页器效果
2018/09/13 Javascript
es6数值的扩展方法
2019/03/11 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
浅谈vue中组件绑定事件时是否加.native
2019/11/09 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
使用vant的地域控件追加全部选项
2020/11/03 Javascript
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
用Python读取几十万行文本数据
2018/12/24 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
python 实现批量图片识别并翻译
2020/11/02 Python
模具设计与制造专业应届生求职信
2013/10/18 职场文书
经管应届生求职信
2013/11/17 职场文书
教育专业自荐书范文
2013/12/17 职场文书
歌唱比赛获奖感言
2014/01/21 职场文书
JAVA程序员自荐书
2014/01/30 职场文书
关于安全的演讲稿
2014/05/09 职场文书
道德与公民自我评价
2015/03/09 职场文书
全民创业工作总结
2015/08/13 职场文书
Python网络编程之ZeroMQ知识总结
2021/04/25 Python
Mysql数据库事务的脏读幻读及不可重复读详解
2022/05/30 MySQL