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 相关文章推荐
jquery搜索框效果实现方法
Jan 16 Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
Jul 29 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
Javascript之面向对象--方法
Dec 02 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
Vue中使用vee-validate表单验证的方法
May 09 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
Sep 30 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 Javascript
初学vue出现空格警告的原因及其解决方案
Oct 31 Javascript
基于JavaScript获取url参数2种方法
Apr 17 Javascript
vue elementUI表格控制对应列
Apr 13 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安装为Apache DSO
2006/10/09 PHP
php单例模式实现方法分析
2015/03/14 PHP
PHP实现执行外部程序的方法详解
2017/08/17 PHP
Laravel使用消息队列需要注意的一些问题
2017/12/13 PHP
不用MOUSEMOVE也能滑动啊
2007/05/23 Javascript
jquery ready()的几种实现方法小结
2010/06/18 Javascript
用jquery实现点击栏目背景色改变
2012/12/10 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
2016/01/10 Javascript
实例详解jQuery的无new构建
2016/08/02 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
JavaScript中AOP的实现与应用
2019/05/06 Javascript
Vue封装的组件全局注册并引用
2019/07/24 Javascript
layui实现三级联动效果
2019/07/26 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
Vue中axios拦截器如何单独配置token
2019/12/27 Javascript
详解element-ui动态限定的日期范围选择器代码片段
2020/07/03 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
[45:50]完美世界DOTA2联赛PWL S3 CPG vs Forest 第二场 12.16
2020/12/17 DOTA
Python迭代器和生成器介绍
2015/03/06 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
python的移位操作实现详解
2019/08/21 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
css3与html5实现响应式导航菜单(导航栏)效果分享
2014/02/12 HTML / CSS
巴西购物网站:Estrela10
2018/12/13 全球购物
人力资源专业推荐信
2013/11/29 职场文书
银行工作检查书范文
2014/01/31 职场文书
中秋节主持词
2014/04/02 职场文书
城管大队整治方案
2014/05/06 职场文书
2015年服务员工作总结
2015/04/08 职场文书
幼儿园保育员随笔
2015/08/14 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
Redis全局ID生成器的实现
2022/06/05 Redis