JavaScript-JavaScript 语句\
2015-05-29 14:48
561 查看
JavaScript 语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "Hello World":
document.getElementById("demo").innerHTML="Hello World";
分号 ;
分号用于分隔 JavaScript 语句。
通常我们在每条可执行的语句结尾添加分号。
使用分号的另一用处是在一行中编写多条语句。
提示:也可能看到不带有分号的案例。
在 JavaScript 中,用分号来结束语句是可选的。
JavaScript 代码
JavaScript 代码(或者只有 JavaScript)是 JavaScript 语句的序列。
浏览器会按照编写顺序来执行每条语句。
本例将操作两个 HTML 元素:
JavaScript 对大小写敏感。
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样,变量 myVariable 与 MyVariable 也是不同的。
空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
var name="Hello";
var name = "Hello";
对代码行进行折行
可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:
document.write("Hello \
World!");
不过,不能像这样折行:
document.write \
("Hello World!");
提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。
<!--
JavaScript 代码块
JavaScript 语句通过代码块的形式进行组合。
块由左花括号开始,由右花括号结束。
块的作用是使语句序列一起执行。
JavaScript 函数是将语句组合在块中的典型例子。
下面的例子将运行可操作两个 HTML 元素的函数:
-->
<!DOCTYPE html>
<html>
<body>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
<center>
<h1>My Web Page</h1>
<p id="demo">I am a paragraph.</p>
<p id="Angel">I am a div.</p>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("Angel").innerHTML="How are you?";
}
</script>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<p>当您点击上面的按钮时,两个元素会改变。</p>
</center>
</body>
</html>
--------------------------------------------
--------------------------------------------
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
<head>
<title></title>
</head>
<body>
<center>
<p id = "demo">MY FIRST </p>
<p id = "Angel"><h1>没有抱怨的世界</h1></p>
<script>
document.getElementById.("demo").innerHTML="Hello World";
document.getElementById.("Angel").innerHTML="How are you!";
</script>
</center>
</body>
</html>
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "Hello World":
document.getElementById("demo").innerHTML="Hello World";
分号 ;
分号用于分隔 JavaScript 语句。
通常我们在每条可执行的语句结尾添加分号。
使用分号的另一用处是在一行中编写多条语句。
提示:也可能看到不带有分号的案例。
在 JavaScript 中,用分号来结束语句是可选的。
JavaScript 代码
JavaScript 代码(或者只有 JavaScript)是 JavaScript 语句的序列。
浏览器会按照编写顺序来执行每条语句。
本例将操作两个 HTML 元素:
JavaScript 对大小写敏感。
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样,变量 myVariable 与 MyVariable 也是不同的。
空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
var name="Hello";
var name = "Hello";
对代码行进行折行
可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:
document.write("Hello \
World!");
不过,不能像这样折行:
document.write \
("Hello World!");
提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。
<!--
JavaScript 代码块
JavaScript 语句通过代码块的形式进行组合。
块由左花括号开始,由右花括号结束。
块的作用是使语句序列一起执行。
JavaScript 函数是将语句组合在块中的典型例子。
下面的例子将运行可操作两个 HTML 元素的函数:
-->
<!DOCTYPE html>
<html>
<body>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
<center>
<h1>My Web Page</h1>
<p id="demo">I am a paragraph.</p>
<p id="Angel">I am a div.</p>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("Angel").innerHTML="How are you?";
}
</script>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<p>当您点击上面的按钮时,两个元素会改变。</p>
</center>
</body>
</html>
--------------------------------------------
--------------------------------------------
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
<head>
<title></title>
</head>
<body>
<center>
<p id = "demo">MY FIRST </p>
<p id = "Angel"><h1>没有抱怨的世界</h1></p>
<script>
document.getElementById.("demo").innerHTML="Hello World";
document.getElementById.("Angel").innerHTML="How are you!";
</script>
</center>
</body>
</html>
相关文章推荐
- JavaScript自学第1讲:JavaScript基本介绍
- this 的使用方法 —— javascript中的this讲解!
- Web_JavaScript_去除JS字串两边空格;
- JSON详解
- JSON格式
- JavaScript- 通常用于操作 HTML 元素\通过指定的 id 来访问 HTML 元素,并改变其内容\写到文档输出
- ExtJS如何取得GridPanel当前选择行数据对象 - nuccch的专栏 - 博客频道 - CSDN.NET
- JavaScript-script 标签\外部的 JavaScript
- JavaScript-body 中的 JavaScript 函数\head 中的 JavaScript 函数
- ExtJs TreePanel 动态加载
- PHP、Java、.Net和Javascript的AES加密解密实现
- js中eval详解
- Ext JS 6 新特性和工具
- jstl、EL跟OGNL
- 【JavaScript 2—基础知识点】:数据类型
- 【JavaScript 2—基础知识点】:数据类型
- javascript 中isPrototypeOf 、hasOwnProperty、constructor、prototype等用法
- JavaScript-改变 HTML 图像
- JS匿名函数&闭包
- JavaScript-对事件作出反应\改变 HTML 内容\改变 HTML 样式\写入HTML输出