JavaScript 如何检查给定的字符串是否为绝对URL
在本文中,我们将学习如何在JavaScript中判断给定的字符串是否为绝对URL。URL有两种类型,一种是相对URL,一种是绝对URL。
绝对URL: 它是包含了定位资源所需的所有重要信息的URL。绝对URL包括了URL起始点的协议(HTTPS)和站点域名。
相对URL: 它是一个包含了域名和只允许在同一服务器或页面上访问的精确资源名称的简短URL。
语法:
/* Absolute Url */
https://www.geeksforgeeks.org/
/* Relative Url */
geeksforgeeks.org
任务是创建一个接受URL作为参数的JavaScript函数,如果URL是绝对链接,则返回true,如果不是,则返回false。
方法: 绝对URL包含在开头的协议(HTTPS)中。我们可以简单地检查URL是否在前面有 https:// 。如果找到了,我们返回true,否则返回false。
为了检查协议,我们使用了正则表达式。
语法:
^https:\/\/
其中,
- ^: 用于选择从开始处开始的文本。
- https: 用于选择文本。
- \: 用于特殊正则表达式字符与前一个字符匹配。
示例: 下面的示例解释了上述方法的用法。
<body>
<h1 style="color: green;">GeeksforGeeks</h1>
<form action="#">
<label for="#">Please input the url</label>
<input type="text" id="url">
<input type="button" onclick="absolute_url()" value="Click">
<h2 id="result"></h2>
</form>
<script>
function absolute_url() {
let urls = document.getElementById('url').value;
let result = document.getElementById('result');
// Regex pattern for checking
var pattern = /^https:\/\//i;
// Check if pattern is there in the string
// or not with .test() method
if (pattern.test(urls)) {
result.innerText = "true";
}
else {
result.innerText = "false";
}
}
</script>
</body>
输出: