使用JavaScript为页面设计一个文本超链接“打开中大主页”,当用户单击这个超链接时,将弹出一个没 有菜单、工具栏、状态栏的窗口,其大小为600*400,以显示页面htp://www.sysu.edu.cn。请给出完整程序
时间: 2023-09-03 11:27:42 浏览: 179
### 回答1:
使用 JavaScript 为页面设计一个文本超链接“打开中大主页”,当用户单击这个超链接时,将弹出一个没有菜单、工具栏、状态栏的窗口,其大小为600*400,以显示页面http://www.sysu.edu.cn,可以使用以下代码:
```
<a href="#" onclick="window.open('http://www.sysu.edu.cn', '', 'width=600,height=400,menubar=no,toolbar=no,status=no');return false;">打开中大主页</a>
### 回答2:
你可以根据以下代码来实现该功能:
```html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript超链接示例</title>
<script>
function openWindow() {
window.open("http://www.sysu.edu.cn", "", "width=600,height=400,menubar=no,toolbar=no,status=no");
}
</script>
</head>
<body>
<a href="#" onclick="openWindow()">打开中大主页</a>
</body>
</html>
```
在这个示例中,我们首先定义了一个`openWindow()`函数。当用户单击超链接时,它将被调用。该函数通过`window.open()`方法在一个新窗口中打开了中大主页。参数`""`表示新窗口没有任何特定的名称,而`"width=600,height=400,menubar=no,toolbar=no,status=no"`设置了新窗口的属性,其中`menubar=no`去掉了菜单栏,`toolbar=no`去掉了工具栏,`status=no`去掉了状态栏。
超链接通过`onclick`属性调用了`openWindow()`函数。在这个示例中,超链接的`href`属性设置为`#`,这是一种空链接,以防止点击后页面跳转或刷新。当用户单击超链接时,会执行`openWindow()`函数,以打开指定的URL。
### 回答3:
在页面中添加一个超链接,当用户单击超链接时,会弹出一个新窗口来显示指定的网页。下面是使用 JavaScript 实现的完整程序:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>打开中大主页</title>
<script>
function openWindow() {
window.open("http://www.sysu.edu.cn", "_blank", "width=600,height=400,menubar=no,toolbar=no,status=no");
}
</script>
</head>
<body>
<a href="#" onclick="openWindow()">打开中大主页</a>
</body>
</html>
```
在上面的程序中,我们在 `head` 标签中定义了一个 JavaScript 函数 `openWindow()`。当超链接被点击时,会调用该函数。在函数中,我们使用 `window.open()` 方法来打开一个新窗口,该方法接受三个参数:要打开的网页的 URL、窗口的名称(使用 `_blank` 表示在新窗口中打开)以及窗口的特性(通过字符串来定义,其中 `width` 和 `height` 分别指定了窗口的宽度和高度,`menubar=no` 表示没有菜单栏,`toolbar=no` 表示没有工具栏,`status=no` 表示没有状态栏)。
在 `body` 标签中,我们添加了一个超链接,通过 `onclick` 属性将 `openWindow()` 函数绑定到超链接的点击事件上。当用户点击该超链接时,就会调用 `openWindow()` 函数,从而实现弹出新窗口显示中大主页的功能。
阅读全文