给我一些在DW2023版中可以运行的JS代码,并把它们连接到HTML5文件中展示出来
时间: 2024-09-25 13:06:58 浏览: 7
在Dreamweaver (DW) 2023版本中,你可以通过HTML5结合简单的JavaScript代码实现动态功能。下面是一个基本的例子,包含一个按钮,点击后弹出一个提示框:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript示例</title>
</head>
<body>
<button onclick="alert('Hello, this is a JavaScript alert!')">点击我</button>
<!-- Dreamweaver链接JS文件 -->
<script src="script.js" defer></script>
</body>
</html>
```
在这个例子中,`onclick`属性绑定了一个JavaScript函数,当用户点击按钮时,会调用`alert()`函数显示消息。
在另一个名为`script.js`的外部JavaScript文件中(假设在同一目录下),内容如下:
```javascript
// script.js
function showAlert() {
alert('Hello from an external JavaScript file!');
}
```
`defer`属性告诉浏览器先下载但推迟执行这个脚本,直到文档解析完成。这有助于提高页面初始加载速度。
要在Dreamweaver中运行此代码,你需要将这两个文件放在同一工作区,并确保选择了正确的模板(例如,响应式或自适应HTML5模板)。然后,只需将上述代码复制粘贴到对应的HTML和JavaScript文件内即可。