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小数计算出现近似值的解决办法
Feb 06 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
Jun 04 Javascript
当json键为数字时的取值方法解析
Nov 15 Javascript
node.js适合游戏后台开发吗?
Sep 03 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
Jun 07 Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 Javascript
Extjs让combobox写起来简洁又漂亮
Jan 05 Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 Javascript
浅谈vue项目用到的mock数据接口的两种方式
Oct 09 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
Oct 23 Javascript
Vue.js的模板语法详解
Feb 16 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+html5+ajax实现上传图片的方法
2016/05/14 PHP
php微信公众号开发(4)php实现自定义关键字回复
2016/12/15 PHP
Javascript 遍历对象中的子对象
2009/07/03 Javascript
测试你的JS的掌握程度的代码
2009/12/09 Javascript
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
JavaScript 大数据相加的问题
2011/08/03 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
jQuery实现简单的图片查看器
2020/09/11 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
谈一谈JS消息机制和事件机制的理解
2016/04/14 Javascript
JSON字符串和对象相互转换实例分析
2016/06/16 Javascript
AngularJS 中文API参考手册
2016/07/28 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
2016/12/26 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
js replace 全局替换的操作方法
2018/06/12 Javascript
vue项目开发中setTimeout等定时器的管理问题
2018/09/13 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
2018/09/28 Javascript
微信小程序页面间跳转传参方式总结
2019/06/13 Javascript
js实现秒表计时器
2019/12/16 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
Python 列表(List)操作方法详解
2014/03/11 Python
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
python获取时间及时间格式转换问题实例代码详解
2018/12/06 Python
python读取csv和txt数据转换成向量的实例
2019/02/12 Python
浅谈python已知元素,获取元素索引(numpy,pandas)
2019/11/26 Python
基于YUV 数据格式详解及python实现方式
2019/12/09 Python
Python中的Cookie模块如何使用
2020/06/04 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
python中用ggplot绘制画图实例讲解
2021/01/26 Python
土耳其玩具商店:Toyzz Shop
2019/08/02 全球购物
台湾时尚彩瞳专门店:imeime
2019/08/16 全球购物
super关键字的用法
2012/04/10 面试题
资产评估专业学生的自我鉴定
2013/11/14 职场文书
学习张林森心得体会
2014/09/10 职场文书
MySQL事务的ACID特性以及并发问题方案
2022/07/15 MySQL