js中,判断输入值是否为有效网址(通过是否包含://来判断),若是则在新窗口打卡该网址,并在结果div中显示“成功打开网址”
时间: 2024-11-05 22:29:51 浏览: 8
在JavaScript中,你可以创建一个函数来检查输入字符串是否看起来像一个有效的URL,并尝试在新的标签页中打开它。以下是一个简单的示例:
```javascript
function isValidUrl(input) {
const urlPattern = /^(http|https):\/\/[a-zA-Z0-9\.\-\_]+(\.[a-zA-Z]{2,3}){1,2}(:\d+)?\/?$/; // 正则表达式用于匹配URL
return urlPattern.test(input);
}
function openUrlAndDisplayStatus(input) {
if (isValidUrl(input)) {
window.open(input, '_blank'); // 打开新窗口
document.getElementById('resultDiv').innerText = "成功打开网址"; // 更新结果div内容
} else {
document.getElementById('resultDiv').innerText = "无效的网址"; // 如果不是有效URL,则显示错误信息
}
}
// 使用方法:
const userInput = 'https://example.com'; // 输入的用户可能提供的URL
openUrlAndDisplayStatus(userInput);
```
在这个例子中,`isValidUrl` 函数使用正则表达式检查输入的字符串是否符合URL的格式。如果有效,`openUrlAndDisplayStatus` 函数会在新的浏览器窗口打开URL,并在id为 `resultDiv` 的元素中显示相应的提示。
阅读全文