下面是一个简单的例子，演示如何使用 JavaScript 获取和设置一个 Input URL 对象的值：
<!DOCTYPE html>
<html>
<head>
<title>Input URL 对象示例</title>
</head>
<body>
<label for="urlInput">请输入URL：</label>
<input type="url" id="urlInput" placeholder="https://example.com">
<button onclick="getUrl()">获取URL</button>
<button onclick="setUrl()">设置URL</button>
<script>
function getUrl() {
// 获取 Input URL 对象
var urlInput = document.getElementById("urlInput");
// 获取输入框中的URL值
var urlValue = urlInput.value;
// 在控制台打印获取到的URL值
console.log("获取到的URL值：" + urlValue);
}
function setUrl() {
// 获取 Input URL 对象
var urlInput = document.getElementById("urlInput");
// 设置输入框的URL值
urlInput.value = "https://newurl.com";
console.log("已设置新的URL值：" + urlInput.value);
}
</script>
</body>
</html>
在这个例子中，我们创建了一个包含一个 URL 输入框、两个按钮的简单HTML页面。通过 JavaScript 中的 getElementById 方法，我们获取了输入框的引用，并使用 value 属性来获取和设置输入框的值。当点击按钮时，相应的 JavaScript 函数将被调用，执行相应的操作。
转载请注明出处：http://www.pingtaimeng.com/article/detail/4410/HTML