JavaScript基础知识概述：嵌入方式、事件驱动和控制语句

需积分: 1 84 浏览量更新于2024-09-13 收藏 59KB DOC 举报

JavaScript基础知识点 JavaScript是一种高安全性的脚本语言，它基于对象（Object）和事件驱动（Event Driven）。在HTML中的嵌入方式有三种：内部引用、外部引用和内联引用。 **JavaScript基础概念** * JavaScript是一种高安全性的脚本语言 * 基于对象（Object）和事件驱动（Event Driven） * 客户端脚本语言，主要用途是帮助HTML处理部分交互逻辑 * 通过控制语句、函数、对象方法属性等来实现编程 **JavaScript在HTML中的嵌入方式** * **内部引用** + 通过 `<Script></Script>` 标记嵌入JavaScript + 可以在HTML代码的任何位置嵌入 + 示例代码：<head> <Script type="text/javascript"> document.write("GoodLucky!"); </Script> </head> * **外部引用** + 通过引用HTML文件的方式加载JavaScript文件 + 可以使HTML代码更简洁，方便代码的复用 + 标准加载方法是把JavaScript文件放到Head标记内 + 示例代码：<Script type="text/javascript" src="ga.js"></Script> * **内联引用** + 通过HTML标记的触发时间属性的实现 + 比如通过onclick事件直接调用JavaScript代码 + 示例代码：<input type="button" value="" onclick="alert('你的内联方式调用了JavaScript代码');"> **JavaScript在实际应用中的使用** * 在实际应用中，以上3中方法通常根据不同需求组合使用 * JavaScript可以用来控制IE的弹出的页面 * 读者对下面这段代码应该不陌生，执行该方法将会在浏览器中打开一个新的index.html页面：<Script LANGUAGE="ja" ... **JavaScript的优点** * 高安全性 * 基于对象（Object）和事件驱动（Event Driven） * 客户端脚本语言，主要用途是帮助HTML处理部分交互逻辑 **JavaScript的应用场景** * 帮助HTML处理部分交互逻辑 * 控制IE的弹出的页面 * 实现网页的动态效果 * 实现用户交互的逻辑处理 **JavaScript的发展前景** * JavaScript是前端开发的必备技能 * 随着Web技术的发展，JavaScript的应用场景将继续扩展 * JavaScript的发展前景是非常广阔的

JavaScript 基础

JavaScript 是一种高安全性的脚本语言，它基于对象（Object）和事件驱动（Event Driven）。

第一，JavaScript 在 HTML 中的嵌入方式

JavaScript 作为客户端的脚本语言，主要用途是帮助 HTML 处理部分交互逻辑。

JavaScript 语言同其他的脚本语言一样，通过控制语句、函数、对象方法属性等来实现编程。

根据 JavaScript 的载入方式不同，嵌入方式可以分为内部引用、外部引用和内联引用。

【1】内部引用

通过<Script></Script>标记嵌入 JavaScript，这是最常用也是最简便的一种引用方式，可以在 HTML 代

码的任何位置嵌入。

<head>

document.write("Good Lucky!");

</Script>

</head>

【2】外部引用

通过引用 HTML 文件的方式加载 JavaScript 文件，这种方式可以使 HTML 代码更简洁，方便代码的

复用。

标准加载方法是把 JavaScript 文件放到 Head 标记内，但对于一些非关键的 JavaScript 文件爱你，可以

放到 HTML 文件的底部。这样可以提高网页的访问速度，获得更好的用户体验，代码位置如下：

</body>

</html>

【3】内联引用

通过 HTML 标记的触发时间属性的实现，比如通过 onclick 事件直接调用 JavaScript 代码，在 HTML

中与很多这样的时间属性，通常都是配合 JavaScript 这样的前端脚本语言来使用，实例代码如下：

以上代码会在页面生成一个按钮标记，当单击该按钮时会调用 input 标记的 onclick 属性，弹出一个提

示框。

在实际应用中，以上 3 中方法通常根据不同需求组合使用。

第二，控制 IE 的弹出的页面

最基本的弹出窗口是通过 Windows.open()方法来实现的，读者对下面这段代码应该不陌生，执行该方

法将会在浏览器中打开一个新的 index.html 页面。

window.open('index.html')

</Script>

第一节提到过 JavaScript 代码在在 HTML 中的嵌入形式，所以应该放在 <Script

LANGUAGE="javascript">和</Script>标记之间。windows.open('index.html')的作用是打开一个新的窗

口，并加载 URL 指定的文档，如果没有指定 URL 将会载入一个空白的文档

【注意】如果载入的文件与主窗口不再同一路径下，前面应写明路径，绝对路径（http://）或相对路

下载后可阅读完整内容，剩余8页未读，立即下载

amazing2008cn

粉丝: 0
资源: 2

JavaScript基础知识概述：嵌入方式、事件驱动和控制语句

JavaScript基础入门教程

JavaScript基础知识讲解

JavaScript基础入门与进阶指南

javascript基础

JavaScript 基础

javaScript基础

javascript教案 JavaScript基础

JavaScript基础JavaScript Essentials

javascript 基础知识

JavaScript基础算法

最新资源