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 相关文章推荐
javascript基础的动画教程,直观易懂
Jan 10 Javascript
Jquery 表单取值赋值的一些基本操作
Oct 11 Javascript
javascript基础第一章 JavaScript与用户端
Jul 22 Javascript
javascript hashtable 修正版 下载
Dec 30 Javascript
jQuery链使用指南
Jan 20 Javascript
javascript模拟评分控件实现方法
May 13 Javascript
九种原生js动画效果
Nov 11 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
Dec 14 Javascript
将angular.js项目整合到.net mvc中的方法详解
Jun 29 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
Laravel admin实现消息提醒、播放音频功能
Jul 10 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代码(抓取网页中的邮箱地址)
2012/07/17 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
JavaScript 学习历程和心得分享
2010/12/12 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
js 字符串转换成数字的三种方法
2013/03/23 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
2013/08/30 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
jquery+css3打造一款ajax分页插件(自写)
2014/06/18 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
2016/06/29 Javascript
微信小程序开发实战教程之手势解锁
2016/11/18 Javascript
jQuery EasyUI Draggable拖动组件
2017/03/01 Javascript
前端自动化开发之Node.js的环境搭建教程
2017/04/01 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
解决Extjs下拉框不显示的问题
2017/06/21 Javascript
浅谈基于Vue.js的移动组件库cube-ui
2017/12/20 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
2018/05/09 jQuery
vue双向绑定及观察者模式详解
2019/03/19 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
详解爬虫被封的问题
2019/04/23 Python
python3获取当前目录的实现方法
2019/07/29 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
印度低票价航空公司:GoAir
2017/10/11 全球购物
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
求职信范文英文版
2014/01/05 职场文书
初中科学教学反思
2014/01/21 职场文书
留学自荐信写作方法
2014/01/27 职场文书
工程安全员岗位职责
2014/03/09 职场文书
高效课堂标语
2014/06/26 职场文书
幼儿园园务工作总结2015
2015/05/18 职场文书
SQL Server中锁的用法
2022/05/20 SQL Server