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注意img图片的onerror事件的分析
Jan 01 Javascript
EASYUI TREEGRID异步加载数据实现方法
Aug 22 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
被遗忘的javascript的slice() 方法
Apr 20 Javascript
jquery拖拽效果完整实例(附demo源码下载)
Jan 14 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
May 12 Javascript
深究AngularJS中$sce的使用
Jun 12 Javascript
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
JS将时间秒转换成天小时分钟秒的字符串
Jul 10 Javascript
vue滚动tab跟随切换效果
Jun 29 Javascript
javascript 数组精简技巧小结
Feb 26 Javascript
Vue-router 报错NavigationDuplicated的解决方法
Mar 31 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
php中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
PHP中使用Imagick实现各种图片效果实例
2015/01/21 PHP
php使用curl出现Expect:100-continue解决方法
2015/03/03 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
基于jQuery的倒计时实现代码
2012/05/30 Javascript
jQuery后代选择器用法实例
2014/12/23 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
2015/02/13 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
[01:01:24]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第三局
2016/02/25 DOTA
[01:29]2017 DOTA2国际邀请赛官方英雄手办展示
2017/03/18 DOTA
python字典多条件排序方法实例
2014/06/30 Python
Python中统计函数运行耗时的方法
2015/05/05 Python
python常见排序算法基础教程
2017/04/13 Python
Python运维自动化之nginx配置文件对比操作示例
2018/08/29 Python
Python连接Hadoop数据中遇到的各种坑(汇总)
2020/04/14 Python
PyCharm2019.3永久激活破解详细图文教程,亲测可用(不定期更新)
2020/10/29 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
HTML5 微格式和相关的属性名称
2010/02/10 HTML / CSS
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
英国最大的在线床超市:Bed Star
2019/01/24 全球购物
设计师大码女装:11 Honoré
2020/05/03 全球购物
华为python面试题
2016/05/03 面试题
党员创先争优活动总结
2014/05/04 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS