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 相关文章推荐
ajax与302响应代码测试
Oct 23 Javascript
jQuery 隐藏和显示 input 默认值示例
Jun 03 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
Sep 20 Javascript
JS 清除字符串数组中,重复元素的实现方法
May 24 Javascript
基于JavaScript实现窗口拖动效果
Jan 18 Javascript
图解Javascript——作用域、作用域链、闭包
Mar 21 Javascript
JS判断一个数是否是水仙花数
Jun 11 Javascript
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
基于mpvue的小程序项目搭建的步骤
May 22 Javascript
layui导出所有数据的例子
Sep 10 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 Javascript
Vue2.0 $set()的正确使用详解
Jul 28 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
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
php设计模式 Builder(建造者模式)
2011/06/26 PHP
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
PHP flock 文件锁详细介绍
2012/12/29 PHP
比较简单的百度网盘文件直链PHP代码
2013/03/24 PHP
php实现文件预览功能
2017/05/23 PHP
在PHP 7下安装Swoole与Yar,Yaf的方法教程
2017/06/02 PHP
详解php框架Yaf路由重写
2017/06/20 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
jquery 选项卡效果 新手代码
2011/07/08 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
使用Nodejs开发微信公众号后台服务实例
2014/09/03 NodeJs
JavaScript中发布/订阅模式的简单实例
2014/11/05 Javascript
jQuery实现防止提交按钮被双击的方法
2015/03/24 Javascript
js实现仿京东2级菜单效果(带延时功能)
2015/08/27 Javascript
基于JavaScript实现动态添加删除表格的行
2016/02/01 Javascript
微信小程序换肤功能实现代码(思路详解)
2020/08/25 Javascript
详解js创建对象的几种方式和对象方法
2021/03/01 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
python3编码问题汇总
2016/09/06 Python
基于python实现百度翻译功能
2019/05/09 Python
11个Python3字典内置方法大全与示例汇总
2019/05/13 Python
Matplotlib使用Cursor实现UI定位的示例代码
2020/03/12 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
html5 touch事件实现页面上下滑动效果【附代码】
2016/03/10 HTML / CSS
高级人员简历的自我评价分享
2013/11/03 职场文书
根叔历年演讲稿
2014/05/20 职场文书
计算机科学技术自荐信
2014/06/12 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
小英雄雨来观后感
2015/06/09 职场文书
运动会口号霸气押韵
2015/12/24 职场文书
远程教育培训心得体会
2016/01/09 职场文书
python基础入门之字典和集合
2021/06/13 Python
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python
webpack介绍使用配置教程详解webpack介绍和使用
2022/06/25 Javascript