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 Dialog 实践分享
Oct 22 Javascript
file模式访问网页时iframe高度自适应解决方案
Jan 16 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
Feb 13 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
jQuery常见的选择器及用法介绍
Dec 20 Javascript
微信小程序支付功能 php后台对接完整代码分享
Jun 12 Javascript
微信小程序实现自动定位功能
Oct 31 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
May 23 Javascript
利用JS响应式修改vue实现页面的input值
Sep 02 Javascript
Vue详细的入门笔记
May 10 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学习笔记 用户注册模块用户类以及验证码类
2011/09/20 PHP
将博客园(cnblogs.com)数据导入到wordpress的代码
2013/01/06 PHP
laravel 4安装及入门图文教程
2014/10/29 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
mac pecl 安装php7.1扩展教程
2019/10/17 PHP
escape、encodeURI 和 encodeURIComponent 的区别
2009/03/02 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
2010/03/23 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
针对JavaScript中this指向的简单理解
2016/08/26 Javascript
微信小程序 wx:key详细介绍
2016/10/28 Javascript
javascript中的深复制详解及实例分析
2016/12/29 Javascript
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
vue实现引入本地json的方法分析
2018/07/12 Javascript
详解微信小程序的不同函数调用的几种方法
2019/05/08 Javascript
详解基于Vue的支持数据双向绑定的select组件
2019/09/02 Javascript
Vue实现购物车实例代码两则
2020/05/30 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
Python数据结构与算法之完全树与最小堆实例
2017/12/13 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
深入浅析Python科学计算库Scipy及安装步骤
2019/10/12 Python
Python操作redis和mongoDB的方法
2019/12/19 Python
Python 实现opencv所使用的图片格式与 base64 转换
2020/01/09 Python
Python3-异步进程回调函数(callback())介绍
2020/05/02 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
百度软件工程师职位
2013/02/14 面试题
酒店保洁主管岗位职责
2013/11/28 职场文书
护理学专业求职信
2014/06/29 职场文书
奉献爱心演讲稿
2014/09/04 职场文书
2015年优质护理服务工作总结
2015/04/08 职场文书
党支部审查意见
2015/06/02 职场文书
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫
Dubbo+zookeeper搭配分布式服务的过程详解
2022/04/03 Java/Android