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 相关文章推荐
超强的IE背景图片闪烁(抖动)的解决办法
Sep 09 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
Apr 22 Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
Dec 01 Javascript
Bootstrap表格制作代码
Mar 17 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
把vue-router和express项目部署到服务器的方法
Feb 21 Javascript
vue中如何去掉空格的方法实现
Nov 09 Javascript
8个有意思的JavaScript面试题
Jul 30 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 Javascript
利用JavaScript模拟京东按键输入功能
Dec 01 Javascript
从源码角度来回答keep-alive组件的缓存原理
Jan 18 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
探讨Hessian在PHP中的使用分析
2013/06/13 PHP
PHP APC的安装与使用详解
2013/06/13 PHP
ThinkPHP3.1数据CURD操作快速入门
2014/06/19 PHP
开启PHP的伪静态模式
2015/12/31 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
PHP preg_match实现正则表达式匹配功能【输出是否匹配及匹配值】
2017/07/19 PHP
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
2012/06/22 Javascript
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
Javascript中匿名函数的多种调用方式总结
2013/12/06 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
Node.js中require的工作原理浅析
2014/06/24 Javascript
javascript点击按钮实现隐藏显示切换效果
2016/02/03 Javascript
js实现固定宽高滑动轮播图效果
2017/01/13 Javascript
JS对象是否拥有某属性如何判断
2017/02/03 Javascript
jQuery实现一个简单的轮播图
2017/02/19 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
2019/11/01 Javascript
python中异常报错处理方法汇总
2016/11/20 Python
Python基于plotly模块实现的画图操作示例
2019/01/23 Python
Python实现二叉树前序、中序、后序及层次遍历示例代码
2019/05/18 Python
对Django url的几种使用方式详解
2019/08/06 Python
解决Python中回文数和质数的问题
2019/11/24 Python
Python实现链表反转的方法分析【迭代法与递归法】
2020/02/22 Python
python如何查看安装了的模块
2020/06/23 Python
一款纯css3实现简单的checkbox复选框和radio单选框
2014/11/05 HTML / CSS
高中生自我鉴定范文
2013/10/30 职场文书
幸福家庭标语
2014/06/27 职场文书
我的中国梦演讲稿1000字
2014/08/19 职场文书
家长会欢迎词
2015/01/23 职场文书
户外拓展训练感想
2015/08/07 职场文书
创业计划书之酒店
2019/08/30 职场文书
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python
JS的深浅复制详细
2021/10/16 Javascript
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers