动态添加a标签及打开下载链接,location.href用法&&与window.open区别

动态添加a标签,并打开下载链接

方法一、

//此处aa是你的网址
var a = document.createElement('a');
			a.setAttribute('href', aa);
			a.setAttribute('download', ''); // download属性
			a.setAttribute('target', '_blank');
			a.setAttribute('id', 'start');
			// 防止反复添加
			if (document.getElementById('start')) { 
				document.body.removeChild(document.getElementById('start'));
			}
			document.body.appendChild(a);
			a.click();

方法二、

//此处aa是你的网址
var a = document.createElement('a');
			a.href = aa;   
			a.download = aa;
			a.click();
			return false;

注意:非同源链接download属性会无效,浏览器会直接打开图片。

方法三、

//此处aa是你的网址 
location.href=aa

我们大部分的情况下可以使用location.href = url来进行下载文件的,比如xlsx、doc等。但是,当我们下载的东西为比如图片,音

乐等,就是打开文件,而不是下载。

location.href用法:

self.location.href=”/url” 当前页面打开URL页面

location.href=”/url” 当前页面打开URL页面

windows.location.href=”/url” 当前页面打开URL页面,前面三个用法相同。

this.location.href=”/url” 当前页面打开URL页面

parent.location.href=”/url” 在父页面打开新页面

top.location.href=”/url” 在顶层页面打开新页面

如果页面中自定义了frame,那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址

window.location或window.open如何指定target?
这是一个经常遇到的问题,特别是在用frame框架的时候,解决办法:

window.location 改为 top.location 即可在顶部链接到指定页 
window.open("你的网址","_top"); 

window.open()和window.location()区别:

//window.open 用来打开新窗口 
//window.location 用来替换当前页,也就是重新定位当前页 
<input type="button" value="新窗口打开" onclick="window.open('http://www.baidu.com')"> 
<input type="button" value="当前页打开" onclick="window.location='http://www.baidu.com/'"> 

window.open()是可以在一个网站上打开另外的一个网站的地址
window.location()是只能在一个网站中打开本网站的网页

简单字符串拼接:(下次再详细说)

http://xxx.com是你现有的网址

res.data.data.info是从后台动态获取的那部分

let aa = "http://xxx.com/" + res.data.data.info;
    原文作者:漂移的电子
    原文地址: https://blog.csdn.net/weixin_40030173/article/details/98085887
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞