JavaScript的简介

JavaScript简介

JavaScript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

JavaScript 是一种轻量级的编程语言， 是可插入 HTML 页面的编程代码，并且它插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript开发工具

JavaScript程序是纯文本的，且不需要编译，所以任何纯文本的编辑器都可以编辑javascript文件。常用开发工具比如Dreameweaver CS4相对其他编译器的功能就比较完善。

JavaScript的特点

在HTML基础上，使用Javascript可以开发交互式web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。并且JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化，减少下载时间。JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。

使用JavaScript

如果要在HTML页面中插入JavaScript，就要使用<scrip>标签。<scrip>和</scrip>分布代表JavaScript的开始和结束他们之间的代码就包含了JavaScript。

就比如：

<script>
alert("The JavaScript");
</script>

JavaScript函数和事件

通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。

比如把JavaScript函数放置在HTML页面的<head>部分：

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="The JavaScript Function";
}
</script>
</head>

<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

或者把JavaScript放置到HTML页面的<body>部分：

<!DOCTYPE html>
<html>
<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="The JavaScript Function";
}
</script>

</body>
</html>

JavaScript的常用语句

条件语句：

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码。

if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码。

if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行。

switch 语句 - 使用该语句来选择多个代码块之一来执行。

循环语句：

for - 循环代码块一定的次数。

for/in - 循环遍历对象的属性。

while - 当指定的条件为 true 时循环指定的代码块。

do/while - 同样当指定的条件为 true 时循环指定的代码块。

break 语句：

break 语句可用于跳出循环， 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）。

continue语句：

continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。

HTML DOM

当网页被加载时，浏览器会创建页面的文档对象模型。HTML DOM 模型被构造为对象的树。

HTML DOM树：

posted @ 2019-03-22 10:33  小丨铁匠  阅读(189)  评论(0)    收藏  举报