Js和html如何写出连接不同页面的代码
时间: 2023-05-27 11:03:45 浏览: 48
1. 使用HTML的<a>标签
<a href="page2.html">跳转到页面二</a>
2. 使用JavaScript的location对象
location.href = "page2.html";
3. 使用JavaScript的window对象
window.location.href = "page2.html";
4. 使用HTML的form表单
<form action="page2.html">
<input type="submit" value="跳转到页面二">
</form>
相关问题
用javascript和html写一个建立websocket连接
好的,下面是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WebSocket Demo</title>
</head>
<body>
<input type="text" id="message">
<button onclick="sendMessage()">Send</button>
<br><br>
<div id="output"></div>
<script>
// 建立 WebSocket 连接
const socket = new WebSocket('ws://localhost:8080');
// 监听连接事件
socket.addEventListener('open', function (event) {
console.log('WebSocket connected');
});
// 监听消息事件
socket.addEventListener('message', function (event) {
console.log('Message from server:', event.data);
const output = document.getElementById('output');
output.innerHTML += '<p>' + event.data + '</p>';
});
// 发送消息
function sendMessage() {
const message = document.getElementById('message').value;
socket.send(message);
}
</script>
</body>
</html>
```
在这个示例中,我们首先通过 `new WebSocket('ws://localhost:8080')` 创建了一个 WebSocket 连接,并监听了连接事件和消息事件。当连接成功建立时,控制台会输出 "WebSocket connected"。当收到来自服务器的消息时,我们会将其显示在页面上。
另外,我们还提供了一个输入框和发送按钮,允许用户向服务器发送消息。当用户点击发送按钮时,我们会获取输入框中的内容,并通过 `socket.send()` 方法发送给服务器。
请注意,这只是一个基础示例,实际应用中需要根据具体需求进行修改和扩展。
html 连接中写js变量,HTML中传递和引用JavaScript变量
可以在HTML连接中写JS变量,方法如下:
1. 将JS变量的值传递到HTML页面中的URL中。
例如:在JS代码中定义一个变量name,然后将其赋值为"john"。接着,我们可以将这个变量的值传递到HTML链接中:
```
var name = "john";
<a href="test.html?name="+name>Link</a>
```
2. 在HTML页面中引用JS变量。
例如:在JS代码中定义一个变量name,然后在HTML页面中引用它:
```
<script>
var name = "john";
</script>
<p>Hello, <span id="name"></span></p>
<script>
document.getElementById("name").innerHTML=name;
</script>
```
这样,在页面加载时,JS代码会将变量name的值赋值给span元素的innerHTML属性,从而在页面上显示出来。