JavaScript 用法

Created2024-12-07|Updated2024-12-07|codejs

|Post Views:

JavaScript 用法

HTML 中的 Javascript 脚本代码必须位于标签之间。
Javascript 脚本代码可被放置在 HTML 页面的和部分中。

会告诉 JavaScript 在何处开始和结束。之间的代码行包含了 JavaScript:

您无需理解上面的代码。只需明白，浏览器会解释并执行位于之间的 JavaScript 代码

那些老旧的实例可能会在 . . 尝试一下 »

JavaScript 函数和事件
上面例子中的 JavaScript 语句，会在页面加载时执行。
通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。
如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。
您将在稍后的章节学到更多有关 JavaScript 函数和事件的知识。

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

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

实例

我的 Web 页面

一个段落

尝试一下 »

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

实例

我的 Web 页面

一个段落

尝试一下 »

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

你可以将脚本放置于或者中，放在

Related Articles

JavaScript - 测试 Prototype

JavaScript - 测试 Prototype 测试 JavaScript 框架库 - Prototype 引用 Prototype如需测试 JavaScript 库，您需要在网页中引用它。为了引用某个库，请使用标签，其 src 属性设置为库的 URL：引用 Prototype Prototype 描述Prototype 提供的函数可使 HTML DOM 编程更容易。与 jQuery 类似，Prototype 也有自己的 $() 函数。$() 函数接受 HTML DOM 元素的 id 值（或 DOM 元素），并会向 DOM 对象添加新的功能。与 jQuery 不同，Prototype 没有用以取代 window.onload() 的 ready() 方法。相反，Prototype 会向浏览器及 HTML DOM 添加扩展。在 JavaScript 中，您可以分配一个函数以处理窗口加载事件： JavaScript 方式： function myFunction(){var obj=document.getElementById("h01"); ...

HTML DOM Document 对象

HTML DOM Document 对象 HTML DOM 节点在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点: 文档是一个文档节点。所有的HTML元素都是元素节点。所有 HTML 属性都是属性节点。文本插入到 HTML 元素是文本节点。are text nodes。注释是注释节点。 Document 对象当浏览器载入 HTML 文档, 它就会成为 Document 对象。Document 对象是 HTML 文档的根节点。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。浏览器支持所有主要浏览器都支持 Document 对象。 Document 对象属性和方法HTML文档中可以使用以下属性和方法: 属性 /...

JavaScript - 测试 jQuery

JavaScript - 测试 jQuery 测试 JavaScript 框架库 - jQuery 引用 jQuery如需测试 JavaScript 库，您需要在网页中引用它。为了引用某个库，请使用标签，其 src 属性设置为库的 URL：引用 jQuery jQuery 描述主要的 jQuery 函数是 $() 函数（jQuery 函数）。如果您向该函数传递 DOM 对象，它会返回 jQuery 对象，带有向其添加的 jQuery 功能。jQuery 允许您通过 CSS 选择器来选取元素。在 JavaScript 中，您可以分配一个函数以处理窗口加载事件： JavaScript 方式： function myFunction(){var obj=document.getElementById("h01"); obj.innerHTML="Hello jQuery";}onload=myFunction; 等价的 jQuery 是不同的： jQuery 方式： function myFunction(){ ...

JavaScript Array（数组）对象

JavaScript Array（数组）对象数组对象的作用是：使用单独的变量名来存储一系列的值。在线实例创建数组, 为其赋值：实例 var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; 尝试一下 » 页面底部你可以找到更多的实例。什么是数组?数组对象是使用单独的变量名来存储一系列的值。如果你有一组数据（例如：车名字），存在单独变量如下所示： varcar1=”Saab”;varcar2=”Volvo”;varcar3=”BMW”; 然而，如果你想从中找出某一辆车？并且不是3辆，而是300辆呢？这将不是一件容易的事！最好的方法就是用数组。数组可以用一个变量名存储所有的值，并且可以用变量名访问任何一个值。数组中的每个元素都有自己的的ID，以便它可以很容易地被访问到。创建一个数组创建一个数组，有三种方法。下面的代码定义了一个名为 myCars的数组对象：1:...

JavaScript Boolean（布尔）对象

JavaScript Boolean（布尔）对象 Boolean（布尔）对象用于将非布尔值转换为布尔值（true 或者 false）。在线实例检查布尔值检查布尔对象是 true 还是 false。完整的 Boolean（布尔）对象参考手册我们提供 JavaScript Boolean 对象参考手册，其中包括所有可用于布尔对象的属性和方法。该手册包含了对每个属性和方法的详细描述以及相关实例。创建 Boolean 对象Boolean 对象代表两个值:”true” 或者 “false”下面的代码定义了一个名为 myBoolean 的布尔对象： var myBoolean=new Boolean();如果布尔对象无初始值或者其值为: 0-0null“”falseundefinedNaN 那么对象的值为 false。否则，其值为 true（即使当变量值为字符串 “false” 时）！

JavaScript Browser 对象实例

JavaScript Browser 对象实例使用JavaScript来访问和控制浏览器对象实例。Window 对象弹出一个警告框弹出一个带折行的警告框弹出一个确认框，并提醒访客点击的内容弹出一个提示框点击一个按钮时，打开一个新窗口打开一个新窗口，并控制其外观打开多个新窗口确保新的窗口没有获得焦点确保新的窗口获得焦点关闭新窗口检查新的窗口是否已关闭返回新窗口的名字传输一些文本到源（父）窗口相对于当前位置移动新窗口移动新窗口到指定位置打印当前页面用像素指定窗口大小指定窗口大小由指定的像素数滚动内容滚动到指定内容处一个简单的时钟用setTimeout() 和 clearTimeout()设置和停止定时器用setInterval() 和 clearInterval()设置和停止定时器更多的Window 对象的例子，在我们的JavaScript 参考手册。 Navigator 对象访问者的浏览器的详细更多的Navigator 对象的例子，在我们的JavaScript 参考手册。 Screen 对象访问者的屏幕的详细更多的Screen...