强烈建议你不要在新项目中使用 Flash,取而代之的是现代的网页技术,如 HTML5、CSS3 和 JavaScript。

(图片来源网络,侵删)
如果你正在维护一个非常老旧的网站,或者只是出于学习目的了解历史知识,我会为你详细解释如何使用 Flash (ActionScript 2.0 和 3.0) 来实现从按钮弹出网页,并告诉你现代的替代方案。
概览:代码写在哪?
这段代码不是写在 HTML 文件里的,而是写在 Flash 文件(.fla)的按钮元件(Button Symbol)内部的。
- 在 Flash 软件中:你双击舞台上的按钮,进入按钮的“时间轴”(Timeline)。
- 在“动作”面板中:你选择一个关键帧(通常是“弹起”或“点击”帧),然后在动作面板(Action Panel)里编写 ActionScript 代码。
下面我们分别讲解 ActionScript 2.0 (AS2) 和 ActionScript 3.0 (AS3) 的写法,因为它们的语法完全不同。
旧版 ActionScript 2.0 (AS2) - 最常见
AS2 的语法比较简单,对于初学者很友好。

(图片来源网络,侵删)
步骤:
- 在 Flash (如 Adobe Animate 或旧版 Flash Professional) 中,创建一个新的 ActionScript 2.0 文档。
- 从“窗口” -> “公用库” -> “按钮”中拖一个按钮到舞台,或者自己绘制一个图形并按
F8将其转换为“按钮”元件。 - 选中舞台上的这个按钮。
- 打开“动作”面板(快捷键
F9)。 - 在动作面板中输入以下代码:
on (release) {
getURL("https://www.example.com", "_blank");
}
代码解释:
on (release): 这是一个事件处理函数,表示当鼠标在按钮上按下并释放时(也就是通常意义上的“点击”),执行后面的代码。getURL(): 这是 AS2 中用于打开网页或执行 JavaScript 的函数。"https://www.example.com": 你想要打开的网址。请务必使用完整的http://或https://开头。"_blank": 这是目标参数,表示在一个新的浏览器窗口或标签页中打开链接,这是最常见的用法。"_self": 在当前窗口打开。"_parent": 在父框架中打开。"_top": 在整个浏览器窗口中打开。
新版 ActionScript 3.0 (AS3) - 更现代、更规范
AS3 的语法更接近现代编程语言,但需要将代码写在时间轴上,而不是直接写在按钮上。
步骤:

(图片来源网络,侵删)
- 在 Flash 中,创建一个新的 ActionScript 3.0 文档。
- 同样,将一个按钮拖到舞台或自己创建一个按钮元件。
- 选中舞台上的按钮。
- 打开“属性”面板,在“实例名称”(Instance Name)一栏中给按钮起一个名字,
myButton。 - 选中时间轴的第1帧。
- 打开“动作”面板(快捷键
F9),在第1帧上输入以下代码:
// 1. 为按钮添加一个事件监听器
// 当按钮被点击时,执行名为 "openWebsite" 的函数
myButton.addEventListener(MouseEvent.CLICK, openWebsite);
// 2. 定义 "openWebsite" 这个函数
function openWebsite(event:MouseEvent):void {
// 使用 navigateToURL 函数来打开网页
var url:URLRequest = new URLRequest("https://www.example.com");
navigateToURL(url, "_blank");
}
代码解释:
myButton: 这是你刚才在属性面板里给按钮起的“实例名称”。addEventListener(): 这是 AS3 的事件监听机制,用于告诉对象(这里是按钮)“当某个事件发生时,请执行哪个函数”。MouseEvent.CLICK: 指定监听的事件是鼠标点击。openWebsite: 指定事件发生时要执行的函数名。function openWebsite(...): 函数的定义。URLRequest: 一个对象,用于封装要请求的 URL。navigateToURL(): AS3 中用于导航到网页的函数,功能相当于 AS2 的getURL。
现代替代方案:使用 HTML 和 JavaScript
既然 Flash 已经过时,你应该学习如何用现代技术实现同样的效果,这非常简单,而且效果更好、更安全。
HTML 代码 (index.html)
你甚至不需要写 JavaScript,HTML 自身的 <a> 标签就能完美实现。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">现代按钮示例</title>
<style>
/* 一些简单的 CSS 样式,让按钮好看一点 */
.my-button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 5px;
font-family: sans-serif;
font-size: 16px;
cursor: pointer; /* 鼠标悬停时显示手型 */
transition: background-color 0.3s ease; /* 平滑的颜色过渡效果 */
}
.my-button:hover {
background-color: #0056b3; /* 鼠标悬停时变深色 */
}
</style>
</head>
<body>
<h1>点击下面的按钮</h1>
<!--
这就是最核心的代码!
href 属性指定了要跳转的网址。
target="_blank" 表示在新标签页中打开。
class="my-button" 用于应用 CSS 样式。
-->
<a href="https://www.example.com" target="_blank" class="my-button">访问 Example.com</a>
</body>
</html>
如果你想用 JavaScript 来实现(例如在点击后执行一些逻辑再跳转):
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">JavaScript 按钮示例</title>
<style>
.js-button {
padding: 10px 20px;
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>点击下面的 JavaScript 按钮</h1>
<!-- 普通的按钮标签,没有跳转功能 -->
<button id="myJsButton" class="js-button">点击我</button>
<script>
// 1. 获取按钮元素
const myButton = document.getElementById('myJsButton');
// 2. 为按钮添加点击事件监听器
myButton.addEventListener('click', function() {
// 3. 在点击事件中执行跳转
// window.open() 会在新窗口/标签页打开链接
window.open('https://www.example.com', '_blank');
});
</script>
</body>
</html>
| 技术 | 代码位置 | 核心代码 | 状态 |
|---|---|---|---|
| Flash AS2 | 按钮元件的 on(release) 事件中 |
getURL("网址", "_blank");") |
已淘汰 |
| Flash AS3 | 时间轴第1帧,通过实例名称和事件监听器 | navigateToURL(new URLRequest("网址"), "_blank");") |
已淘汰 |
| HTML | HTML 文件中的 <a>
| ||
| JavaScript | HTML 文件中的 <script> 标签内 |
window.open('网址', '_blank'); |
推荐 |
请务必放弃 Flash,学习和使用 HTML/CSS/JavaScript 来开发网页。 它们是当前网页开发的标准,功能强大、兼容性好,并且持续在发展。
