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 相关文章推荐
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
asp.net刷新本页面的六种方法总结
Jan 07 Javascript
jQuery中trigger()方法用法实例
Jan 19 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
Apr 29 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
vue-cli的webpack模板项目配置文件分析
Apr 01 Javascript
js canvas实现擦除效果示例代码
Apr 26 Javascript
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
详解vue组件中使用路由方法
Feb 12 Javascript
JavaScript This指向问题详解
Nov 25 Javascript
JS实现前端路由功能示例【原生路由】
May 29 Javascript
详细分析React 表单与事件
Jul 08 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 mb_convert_encoding文字编码的转换函数介绍
2011/11/10 PHP
PHP实现多进程并行操作的详解(可做守护进程)
2013/06/18 PHP
[原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
2007/03/12 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
jquery实现类似淘宝星星评分功能实例
2014/09/12 Javascript
javascript面向对象程序设计(一)
2015/01/29 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
Bootstrap实现弹性搜索框
2016/07/11 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
vue实现的仿淘宝购物车功能详解
2019/01/27 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
[01:21]辉夜杯战队访谈宣传片—CDEC
2015/12/25 DOTA
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
python 3利用Dlib 19.7实现摄像头人脸检测特征点标定
2018/02/26 Python
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
利用CSS3实现圆角的outline效果的教程
2015/06/05 HTML / CSS
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
英国在线玫瑰专家:InterRose
2019/12/01 全球购物
英国鞋网:Rubber Sole
2020/03/03 全球购物
汽车工程专业应届生求职信
2013/10/19 职场文书
跟单文员的岗位职责
2013/11/14 职场文书
专科应届生求职信
2013/11/24 职场文书
集团公司总经理岗位职责
2013/12/20 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
教学督导岗位职责
2015/04/10 职场文书
毕业设计论文致谢词
2015/05/14 职场文书
刑事辩护词范文
2015/05/21 职场文书
大学运动会加油稿
2015/07/22 职场文书
2016暑期政治学习心得体会
2016/01/23 职场文书