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 相关文章推荐
直接生成打开窗口代码,不必下载
May 14 Javascript
Javascript面象对象成员、共享成员变量实验
Nov 19 Javascript
JS模拟面向对象全解(二、类型与赋值)
Jul 13 Javascript
JS及PHP代码编写八大排序算法
Jul 12 Javascript
JS对HTML表格进行增删改操作
Aug 22 Javascript
vue.js表格组件开发的实例详解
Oct 12 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
Dec 08 Javascript
Javascript实现倒计时(防页面刷新)实例
Dec 13 Javascript
几种tab切换详解
Feb 03 Javascript
使用vue2实现购物车和地址选配功能
Mar 29 Javascript
es6中reduce的基本使用方法
Sep 10 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
通过实例理解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截取中文字符串不乱码的方法
2013/12/25 PHP
php导出生成word的方法
2015/12/25 PHP
js读取本地excel文档数据的代码
2010/11/11 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
jquery 卷帘效果实现代码(不同方向)
2013/02/05 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
jQuery+html5实现div弹出层并遮罩背景
2015/04/15 Javascript
js中for in语句的用法讲解
2015/04/24 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
2015/12/01 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
基于JavaScript实现五子棋游戏
2020/08/26 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
2018/01/31 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
使用vue编写h5公众号跳转小程序的实现代码
2020/11/27 Vue.js
使用python实现拉钩网上的FizzBuzzWhizz问题示例
2014/05/05 Python
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
python实现复制整个目录的方法
2015/05/12 Python
python判断字符串编码的简单实现方法(使用chardet)
2016/07/01 Python
Python二元赋值实用技巧解析
2019/10/25 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
美国时装品牌:Nautica(诺帝卡)
2016/08/28 全球购物
埃弗顿足球俱乐部官方网上商店:Everton Direct
2018/01/13 全球购物
奢华时尚的独特视角:La Garçonne
2018/06/07 全球购物
日本乐天官方海外转运服务:Rakuten Global Express
2018/11/30 全球购物
大学生毕业自我鉴定
2013/11/06 职场文书
授权委托书样本
2014/04/03 职场文书
2014年最新离婚协议书范本
2014/10/11 职场文书
社区活动总结
2015/02/04 职场文书
财务经理岗位职责范本
2015/04/08 职场文书
青年志愿者活动感想
2015/08/07 职场文书
部门主管竞聘书
2015/09/15 职场文书
《半截蜡烛》教学反思
2016/02/19 职场文书