JavaScript用法

最新推荐文章于 2025-04-08 06:15:06 发布

zt12

最新推荐文章于 2025-04-08 06:15:06 发布

阅读量293

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_31781327/article/details/67645709

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

JavaScript用法

JavaScript 简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript是嵌入到HTML语言中，直接通过浏览器得以运行，通常情况下，JavaScript称为脚本语言。JavaScript是一种轻型的、解释性的脚本语言，是一种由浏览器内的解释器解释执行的程序语言。
JavaScript脚本是以服务器端下载到客户端，然后在客户端执行的，既不占用服务器端 CPU资源，因此，通过客户端脚本，分担了服务器的任务，从而间接的提升Web服务器的性能。

JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。

脚本代码的位置：
1. 放置在标签对之间

<script>
    alert("我的第一个 JavaScript");
</script>

将JavaScript代码放置在一个单独的文件中。当代码比较多的话可以单独创建一个文件，扩展名为js,然后在HTML页面里指定文件路径引用。
将脚本程序中作为标签的属性值。

 <body>
      <a href="javascript:document.write(‘欢迎进入JavaScript世界’)；" >hello
      </a>
      <p>
单击这个超链接，浏览器会执行JavaScript后面的脚本程序代码。
</p>
</dody>`

脚本可被放置在 HTML 页面的和部分中。
如需在 HTML 页面中插入 JavaScript，请使用标签。
会告诉 JavaScript 在何处开始和结束。
之间的代码行包含了 JavaScript:

JavaScript的核心代码：

JavaScript的变量是采用弱类型的人形式，即用到var关键字声明变量时不必确定类型，而是在还用过赋值时自动确定其类型。
JavaScript中有五种简单数据类型，也称为基本数据类型，分别是：undefined、null、boolean、number和string。还有一种复杂数据库类型object对象类型。
JavaScript是弱类型的，需要用typeof操作符来检测给定变量的数据变量。typeof操作符的返回值有：undefined、string、boolean、number和object。
JavaScript的运算符有：算术运算符、赋值运算符、比较运算符、和逻辑运算符。
JavaScript的流程语句有顺序结构、选择结构和循环结构。JavaScript选择结构有if和switch。循环结构有while、do….while和for。

body>中的 JavaScript
在本例中，JavaScript 会在页面加载时向 HTML 的写文本：
实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
</body>
</html>

JavaScript 函数和事件

上面例子中的 JavaScript 语句，会在页面加载时执行。
通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。
如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。

在 head 或者 body 的JavaScript
您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的或部分中，或者同时存在于两个部分中。
通常的做法是把函数放入部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

head中的 JavaScript 函数
在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的部分。
该函数会在点击按钮时被调用：
实例

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>

body 中的 JavaScript 函数

在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的部分。
该函数会在点击按钮时被调用：
实例

<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>

外部的 JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>