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 相关文章推荐
代码精简的可以实现元素圆角的js函数
Jul 21 Javascript
javascript 写类方式之八
Jul 05 Javascript
javascript模拟C#格式化字符串
Aug 26 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
Dec 29 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
微信小程序getPhoneNumber获取用户手机号
Sep 29 Javascript
React Native中的RefreshContorl下拉刷新使用
Oct 09 Javascript
重学 JS:为啥 await 不能用在 forEach 中详解
Apr 15 Javascript
解决在layer.open中使用时间控件laydate失败的问题
Sep 11 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 Javascript
React+EggJs实现断点续传的示例代码
Jul 07 Javascript
vue实现input输入模糊查询的三种方式
Aug 14 Vue.js
通过实例理解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将字符串全部转换成大写或者小写的方法
2015/03/17 PHP
php简单实现多字节字符串翻转的方法
2015/03/31 PHP
php简单日历函数
2015/10/28 PHP
smarty自定义函数用法示例
2016/05/20 PHP
php微信支付接口开发程序
2016/08/02 PHP
PHP关于foreach复制知识点总结
2019/01/28 PHP
php写入mysql中文乱码的实例解决方法
2019/09/17 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
读jQuery之九 一些瑕疵说明
2011/06/21 Javascript
分享纯手写漂亮的表单验证
2015/11/19 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
JavaScript实现修改伪类样式
2017/11/27 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
2020/02/24 Javascript
python使用range函数计算一组数和的方法
2015/05/07 Python
Python删除空文件和空文件夹的方法
2015/07/14 Python
Python基于更相减损术实现求解最大公约数的方法
2018/04/04 Python
python删除不需要的python文件方法
2018/04/24 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
英国知名化妆品网站:Revolution Beauty(原TAM Beauty)
2018/02/28 全球购物
教师申诉制度
2014/01/29 职场文书
三年级语文教学反思
2014/02/01 职场文书
中级会计职业生涯规划书
2014/03/01 职场文书
函授毕业生自我鉴定范文
2014/03/25 职场文书
股权转让意向书
2014/04/01 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
企业党支部工作总结2015
2015/05/21 职场文书
实例讲解Python中sys.argv[]的用法
2021/06/03 Python
详解JavaScript中Arguments对象用途
2021/08/30 Javascript
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript
详解Python中__new__方法的作用
2022/03/31 Python
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python