写一段点击跳转的js代码
时间: 2023-05-17 09:04:32 浏览: 100
当用户点击一个按钮时,可以使用以下代码实现页面跳转:
```javascript
document.getElementById("myButton").addEventListener("click", function(){
window.location.href = "https://www.example.com";
});
```
其中,`myButton` 是按钮的 ID,`https://www.example.com` 是要跳转的页面的 URL。
相关问题
写一段是PC用户访问则跳转的JS代码
以下是一段基于浏览器 User-Agent 的 JS 代码,如果用户使用的是 PC,就会跳转到指定的网页。
```javascript
if (navigator.userAgent.match(/(Windows|Macintosh)/)) {
window.location.href = "https://example.com/pc-page";
}
```
解释一下代码:
1. `navigator.userAgent` 表示浏览器的 User-Agent,里面包含了浏览器的一些信息,比如操作系统、浏览器类型等等。
2. `match(/(Windows|Macintosh)/)` 表示在 User-Agent 中查找是否包含 Windows 或 Macintosh,如果包含则返回一个非空数组,否则返回 null。
3. 如果返回的是非空数组,表示用户使用的是 PC,就会通过 `window.location.href` 跳转到指定的网页。注意,这里的跳转方式是整个页面的跳转,而不是在当前页面中打开一个新的链接。如果想要在当前页面中打开一个新的链接,可以使用 `window.open(url)`。
当然,这段代码并不是完美的,因为 User-Agent 可能会被伪造或篡改,所以不能百分百保证准确性。但在大多数情况下,还是能够满足需求的。
写一段PC端不跳转,移动端用户通过搜索引擎访问跳转的JS代码
以下是一段PC端不跳转,移动端用户通过搜索引擎访问跳转的JS代码:
```javascript
// 判断是否为移动端
function isMobile() {
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}
// 判断是否为通过搜索引擎访问
function isFromSearchEngine() {
return document.referrer.indexOf('google') > -1 || document.referrer.indexOf('bing') > -1 || document.referrer.indexOf('baidu') > -1;
}
// 如果是移动端通过搜索引擎访问,则跳转到指定页面
if (isMobile() && isFromSearchEngine()) {
window.location.href = 'https://m.example.com';
}
```
以上代码通过判断用户的设备类型和访问来源,在移动端通过搜索引擎访问时自动跳转到移动端页面,提升用户体验。
阅读全文