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 限制输入和粘贴(IE,firefox测试通过)
Nov 14 Javascript
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
实现动画效果核心方式的js代码
Sep 27 Javascript
JavaScript修改css样式style动态改变元素样式
Dec 16 Javascript
javascript中不等于的代码是什么怎么写
Dec 29 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
下雪了 javascript实现雪花飞舞
Aug 02 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
Jun 28 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
js实现旋转木马轮播图效果
Jan 10 Javascript
微信小程序实现上传多张图片、删除图片
Jul 29 Javascript
React列表栏及购物车组件使用详解
Jun 28 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
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
php 变量引用与变量销毁机制详细介绍
2016/12/05 PHP
Yii全局函数用法示例
2017/01/22 PHP
PHP实现带进度条的Ajax文件上传功能示例
2019/07/02 PHP
JS宝典学习笔记(下)
2007/01/10 Javascript
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
jQuery统计上传文件大小的方法
2015/01/24 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
checkbox批量选中,获取选中项的值的简单实例
2016/06/28 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
vue2.0结合Element实现select动态控制input禁用实例
2017/05/12 Javascript
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
IntelliJ IDEA 安装vue开发插件的方法
2017/11/21 Javascript
微信小程序 高德地图路线规划实现过程详解
2019/08/05 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
2020/04/10 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
Nodejs 数组的队列以及forEach的应用详解
2021/02/25 NodeJs
[53:38]OG vs LGD 2018国际邀请赛淘汰赛BO3 第三场 8.26
2018/08/30 DOTA
[46:28]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
深入理解Python 代码优化详解
2014/10/27 Python
详解Python中的文本处理
2015/04/11 Python
python实现线程池的方法
2015/06/30 Python
Python正则捕获操作示例
2017/08/19 Python
Python3爬取英雄联盟英雄皮肤大图实例代码
2018/11/14 Python
Django设置Postgresql的操作
2020/05/14 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
企业介绍信范文
2015/01/30 职场文书
活动宣传稿范文
2015/07/23 职场文书
2015年教师党员个人总结
2015/11/24 职场文书
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python
Android Canvas绘制文字横纵向对齐
2022/06/05 Java/Android