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 相关文章推荐
js变量作用域及可访问性的探讨
Nov 23 Javascript
js DOM的学习笔记
Dec 22 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
Aug 28 Javascript
微信小程序如何获取用户收货地址
Nov 27 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
在vue中根据光标的显示与消失实现下拉列表
Sep 29 Javascript
react实现复选框全选和反选组件效果
Aug 25 Javascript
swiperjs实现导航与tab页的联动
Dec 13 Javascript
JavaScript组合继承详解
Nov 07 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
Win9x/ME下Apache+PHP安装配置
2006/10/09 PHP
windows下升级PHP到5.3.3的过程及注意事项
2010/10/12 PHP
深入理解PHP原理之Session Gc的一个小概率Notice
2011/04/12 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
js实现表格字段排序
2014/02/19 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
2016/10/27 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
zTree实现节点修改的实时刷新功能
2017/03/20 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
vue如何获取点击事件源的方法
2017/08/10 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
2018/08/17 Javascript
JS实现的简单分页功能示例
2018/08/23 Javascript
JavaScript函数的特性与应用实践深入详解
2018/12/30 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
JavaScript实现简单日历效果
2020/09/11 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
Python的Django框架中的表单处理示例
2015/07/17 Python
python直接访问私有属性的简单方法
2016/07/25 Python
详解Django之admin组件的使用和源码剖析
2018/05/04 Python
python pygame实现球球大作战
2019/11/25 Python
Python中的sys.stdout.write实现打印刷新功能
2020/02/21 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
大四学年自我鉴定
2013/11/13 职场文书
师范生自荐信模板
2014/05/28 职场文书
微笑服务标语
2014/06/24 职场文书
小学生差生评语
2014/12/29 职场文书
小学生思想品德评语
2014/12/31 职场文书
这样写python注释让代码更加的优雅
2021/06/02 Python
使用RedisTemplat实现简单的分布式锁
2021/11/20 Redis