[JavaScript] 泛·易·简:JS 语句

JavaScript 语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "Hello World":

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">document.getElementById("demo").innerHTML="Hello World";</span></span></span></span></span>

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

提示:也可能看到不带有分号的案例。

在 JavaScript 中,用分号来结束语句是可选的。

JavaScript 代码

JavaScript 代码(或者只有 JavaScript)是 JavaScript 语句的序列。

浏览器会按照编写顺序来执行每条语句。

本例将操作两个 HTML 元素:

示例

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";</span></span></span></span>

JavaScript 代码块

JavaScript 语句通过代码块的形式进行组合。

块由左花括号开始,由右花括号结束。

块的作用是使语句序列一起执行。

JavaScript 函数是将语句组合在块中的典型例子。

下面的例子将运行可操作两个 HTML 元素的函数:

示例

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?;
}</span></span></span></span>

大小写敏感区

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

空格

JavaScript 会忽略多余的空格。可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">var name="Hello";
var name = "Hello";</span></span></span></span>

对代码行进行折行

可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">document.write("Hello \
World!");</span></span></span></span>

不过,不能像这样折行:

<span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;"><span style="font-size:18px;">document.write \
("Hello World!");</span></span></span></span>

学习小结

JS的语句的学习是很关键的章节,与其代码的书写形式联系甚密,所以说这是很细节的,之所以拿出来单独来总结,是自己的代码习惯不太好,算是对自己的一个警示!

时间: 2024-09-17 04:18:55

[JavaScript] 泛&#183;易&#183;简:JS 语句的相关文章

[JavaScript] 泛&amp;#183;易&amp;#183;简:JS 实现&amp;amp;输出

实现 HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中. <script> 标签 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签. <script> 和 </script> 会告诉 JavaScript 在何处开始和结束. <script> 和 </sc

汇总知识:Flash中常用的几个JS语句

js|语句 在 IE 中关闭当前页 (会弹出关闭提示) getURL("JavaScript:window.close()"); 在 IE 中关闭当前页 (跳过关闭提示) getURL("javascript:window.opener=null;window.close()"); 在 IE 中添加到收藏夹 getURL("javascript:void window.external.AddFavorite('http://www.webjx.com',

javascript 基础篇1 什么是js 建立第一个js程序_基础知识

javascript是一个基于对象和事件驱动,并且具有安全性的脚本语言,应用很广泛,不仅仅是网页,不要被jsp给困住. 基于对象,就是不需要指定变量的类型,你给他一个3,它知道是整型,如果给赋值'3',它就知道是char. 事件驱动,就是单击啊,之类的事件进行驱动. javascript优点:网页互动性强,简单易用.js主要是基于客户端运行,很大程度上减少了服务器的负荷. javascript是脚本编程语言:采用程序段方式实现,与HTML结合,java的编译器其实就是浏览器本身. 安全性:HTM

javascript-问一下这个js语句的加法怎么实现不了,麻烦

问题描述 问一下这个js语句的加法怎么实现不了,麻烦 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>加减乘除的基本运算</title> <script language="javascript"> function evalAbc(x,y,z,n)

方法-求大神,用javascript导出Excel后,怎么用JS对某些单元格设置计算函数?

问题描述 求大神,用javascript导出Excel后,怎么用JS对某些单元格设置计算函数? 求大神,用javascript导出Excel后,要对某些单元格设置计算函数, 但是JS方法里面该怎么写语句能具体设置到指定单元格的计算函数? 求大神解答,谢谢 函数比如=AVERAGE(A9: D17)*E1+50 解决方案 .value="=函数" 解决方案二: js没法直接导出excel,需要提交到服务器,用vba poi一类的库产生excel 解决方案三: js不能caozuoexce

浅谈类似于(function(){}).call()的js语句

  这篇文章主要介绍了浅谈类似于(function(){}).call()的js语句,的相关资料,需要的朋友可以参考下 研究新浪微博的自动登陆流程,其中涉及到它的加密算法脚本,其中有一段如下形式的代码: (function(){...}).call(name) 其中红色的....是函数的内部各种实现,name为一个对象的名字.这种形式的js从来没见过啊(恕我js这方面见识少啊).然后百度了一下大概的意义如下: .call(name)的作用实际是将name作为前面函数所在域中的this来用,也就是

javascript-麻烦大家帮我看一下这个js语句,加减乘除运算,只有前面的if语句能用

问题描述 麻烦大家帮我看一下这个js语句,加减乘除运算,只有前面的if语句能用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题文档 function abc(x,y,z,n) { var x,y,n;//定义变量 //输入第一个数字 x=window.p

JavaScript必知必会(七)js对象继承_基础知识

对象继承inherit var o = { r: }; var c = function f() { }; c.prototype = o; c.r = ; alert(o.r);//被继承的属性值未发生改变.alert(c.r);//c中r覆盖了o中的属性. 如何调用o中的r属性呢. var o = { r: }; var c = function f() { }; c.prototype = o; alert(o.r);// 被继承的属性值未发生改变. alert(c.r);//查询r属性,

如何实现JavaScript动态加载CSS和JS文件_javascript技巧

项目中需要用到动态加载CSS 文件,整理了一下,顺便融合了动态加载JS 的功能写成了一个对象,先上代码: var dynamicLoading = { css: function(path){ if(!path || path.length === 0){ throw new Error('argument "path" is required !'); } var head = document.getElementsByTagName('head')[0]; var link =