js获取当前页面url赋值给input
时间: 2023-11-17 17:08:16 浏览: 51
你可以使用JavaScript中的location对象来获取当前页面的URL,然后将其赋值给指定的input元素。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>获取当前页面URL</title>
</head>
<body>
<label for="url-input">当前页面URL:</label>
<input type="text" id="url-input">
<script>
// 获取当前页面URL
var url = window.location.href;
// 将URL赋值给input元素
var input = document.getElementById("url-input");
input.value = url;
</script>
</body>
</html>
```
在上面的示例中,我们首先使用`window.location.href`获取当前页面的URL,然后通过`document.getElementById`方法获取指定的input元素,并将URL赋值给它的`value`属性。
相关问题
js input type=file 赋值 http网络file
在JavaScript中,由于安全限制,无法直接通过input type=file控件将http网络文件的路径赋值给input元素。这是由于浏览器出于安全考虑,不允许网页访问用户的本地文件系统或远程文件系统。
如果您需要显示一个网络文件的链接,您可以使用HTML `<a>`标签。例如:
```html
<a href="http://example.com/myfile.pdf">myfile.pdf</a>
```
如果您需要下载网络文件,您可以使用JavaScript的XMLHttpRequest对象来下载文件,并将文件数据赋值给input元素的value属性。例如:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/myfile.pdf', true);
xhr.responseType = 'blob';
xhr.onload = function(e) {
if (this.status == 200) {
var file = new Blob([this.response], {type: 'application/pdf'});
var fileUrl = URL.createObjectURL(file);
var inputElement = document.getElementById('myInput');
inputElement.value = fileUrl;
}
};
xhr.send();
```
这段代码会使用XMLHttpRequest对象下载http://example.com/myfile.pdf文件,并将文件数据赋值给一个Blob对象。然后,通过URL.createObjectURL()方法将Blob对象转换为URL,并将URL赋值给input元素的value属性。注意,在这个例子中,input元素的type属性应该为"text"或"url",而不是"file"。
js post 方式在当前窗体打开新页面
使用JavaScript的Post方式在当前窗体打开新页面,可以通过以下步骤实现:
首先,我们需要监听一个事件,如点击按钮,来触发Post方式。可以通过添加一个Button元素,并给它一个唯一的ID,如"newWindowBtn"。
其次,在JavaScript中,获取该按钮元素,可以使用document.getElementById方法,传入按钮的ID作为参数,然后将其赋值给一个变量,如btn。
然后,使用addEventListener方法,给该按钮添加一个点击事件监听器。在监听器函数中,我们将使用post方式打开新的页面。
接下来,我们需要构建一个表单元素,其中包含将要发送给服务器的数据。可以使用document.createElement方法创建一个form元素,并将其赋值给一个变量,如form。
然后,将该form元素添加到当前文档的body中,可以使用document.body.appendChild方法,将form元素作为参数传入。
接下来,我们使用form元素的属性来设置表单的属性。可以使用form的action属性设置表单提交的URL,可以使用form的method属性设置请求的方式,这里是post。
如果需要向服务器发送数据,可以使用form的innerHTML属性创建一个包含input元素的字符串,并将其赋值给form的innerHTML属性。
在创建好表单之后,我们可以使用form.submit方法来提交表单,并在当前窗体中打开新页面:
btn.addEventListener('click', function() {
var form = document.createElement('form');
form.action = 'your_url_here';
form.method = 'post';
form.innerHTML = '<input type="hidden" name="your_data" value="your_value">';
document.body.appendChild(form);
form.submit();
});
在以上代码中,需要将'your_url_here'替换为你要打开的新页面的URL地址,以及根据需要,修改name和value以适应你要发送的数据。
以上就是使用JavaScript的Post方式在当前窗体打开新页面的方法。