- 申明一个标签:image,
- 再将标签写入到新的页面中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function open_win() {
const img = new Image();
img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAAwCAYAAAAFIcTMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAO2SURBVHhe7ZfLblNBDIb7kvAK3fES7LthwZplYMkbICEhRNsFGyRKu6UXKlIRSE7TDMexfsb2XHJYFKzKln6RM5nx2P7sE7qXwtxYwHBkAcORBQxHFjAcWcBwZAHDkQUMRxYwHFnAcGQBw5HtPZpdppAPBQxHChiOFDAcKWA4UsBwpIDhSAHDkQKGIwUMRwoYjhQwHGknjP3DVbpJm/Tm+Co9ORnSZhjS05dX3X32u+df181zD12PZ8t0ttmkT2e767ITBju72xb54OjH1kGqFJ3W1zdLtcZapA+rejAQ+yytd+b+xXFL68Xz+jvtLetCDZzSOr149U2tkwDq+mKxff4rGFjbP/yVZsf4TBNRGoi3vpeB1wAD0P8AgpjrzVWKC05WwiBIKHbeV7ctjHbB+kbB8llNXr7OKBhbUD7Th2G75t+JJ2IqCOyfD+Vk2Nr0XvMkAaM3SnoypHownn25rV4+BQbvSQUM+0orYenXS3m/ff3U7tVrPVE8yNX6wlSgsU7m9XpAO2Eg+Nbrogfj/ZwDsAWzZ2owKBEbOPmVvuiZLMdWdjXd9faUP+N76dfezc+tWmhxHnw/x5L9yBzJJ8WEeFvWfU1xUiUMKhQStoUlAQYljK6Q5+0ZLoC1Kd2pi488ymlh1aDb1yGagDs9m/Vpz1kYuvCcq6yL9AU1JwMjZj/bS1sg5aW8xwZqYegiIRlbBAjFILPgrS9WORVyHUApVzI8k5CjXAM0+LJ1kfvQiAxjnU7H+2o2CQbGzHZD6yxfqpOWwU+BkdftPhit/ywKbJvDvsJaBh8MQ+dDkus2LlINBuom9zAM/g2m51zXW4ZRFo8Dt9MwH/+xRZ4Kgy/MQcjv+zB4HUXWk9Lqdj05fEZPQEt0Z81fBrD647dttX3r9O78brx/GOPowLAEkQi6KieWi86A1uPfG8MkGFJTYchu5Pv03x2Iq32XBpALqrteCnnZPa2JgfhcmYMU+bi+WG5jqtkIgwOmJDlYtrJY5Ro9HxxNmwwpnO3BQPExCSh8bhqOmwy+aHo+n+fJwRnrQ8dGfuR/3dmv3GNjqWk3DNQ530dn1GSwkxZxJEyX6GIw5UXxjoa1YbBPOYmyCaTJKSChKDBOTBfO+rIFBJBs9QLyJGSzsVi1YOh4qM70O9eA8XH8W6B2EYKWRctwyPji3b8Z8gysPe4PRWgcNAOal+vR+c0I3a+oYeeqOeVrkUUTFDAcKWA4UsBwpIDhSAHDkQKGIwUMRwoYjhQwHClguNFl+g1FaK9xbe1TQwAAAABJRU5ErkJggg==";
const newWin = window.open("", "_blank");
newWin.document.write(img.outerHTML);
newWin.document.title = "流程图"
newWin.document.close();
}
</script>
</head>
<body>
<form>
<input type="button" value="打开窗口" onclick="open_win()">
</form>
</body>
</html>