js打开新窗口预览文档、图片

JS可以通过以下方法来打开新窗口预览文档和图片：

1. 使用window.open()方法打开新窗口，并指定待预览的文档或图片的URL。例如，可以使用如下代码打开一个PDF文档的预览窗口：

var url = "path/to/your/document.pdf";
window.open(url, "_blank");

2. 如果要在新窗口中预览图片，可以创建一个新的<img>标签，并将待预览的图片URL设置为其src属性的值，然后将该<img>标签添加到新窗口的文档中。例如，可以使用如下代码预览一张图片：

var url = "path/to/your/image.jpg";
var img = document.createElement("img");
img.src = url;

var newWindow = window.open("", "_blank");
newWindow.document.body.appendChild(img);

需要注意的是，浏览器可能会有一些安全限制，如弹窗阻止器等，可能会阻止新窗口的打开或操作。为了确保正常预览文档和图片，最好在用户交互事件（如点击按钮）中触发这些代码，或者在代码中首先检查浏览器是否支持弹窗功能。

相关问题

js点击事件打开新窗口

在JavaScript中，可以使用不同的方式来实现点击事件打开新窗口。其中一种方式是在原来的窗口上打开新窗口，可以使用`window.location`属性来实现。例如，可以使用以下代码来实现点击按钮打开新窗口：

<input type="button" value="点击我看看效果" onclick="window.location='http://linlizhu.cn'" />

另一种方式是在新打开的窗口上打开新窗口。可以使用`window.open`方法来实现。例如，可以使用以下代码来实现点击按钮在新窗口中打开新窗口：

<input type="button" value="点击我看看效果" onclick="window.open('http://linlizhu.cn')" />

还有一种方式是在新打开的一块小窗口上打开新窗口，这种窗口没有菜单栏。可以使用`window.showModalDialog`方法来实现。例如，可以使用以下代码来实现点击按钮在新窗口中打开新窗口：

<input type="button" value="点击我看看效果" onclick="window.showModalDialog('http://linlizhu.cn')" />

以上是几种常见的方式，根据具体需求选择适合的方式来实现点击事件打开新窗口。
#### 引用[.reference_title]
- *1* *2* *3* [JS点击按钮打开新的独立页面](https://blog.csdn.net/qq_26249609/article/details/84030665)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

js open打开新窗口并居中

可以使用以下代码来打开一个新窗口并居中：

var url = "https://www.example.com";
var width = 600;
var height = 400;
var left = (window.screen.width - width) / 2;
var top = (window.screen.height - height) / 2;

window.open(url, "", "width=" + width + ",height=" + height + ",left=" + left + ",top=" + top);

在这个例子中，我们先定义了要打开的URL，然后指定了新窗口的宽度和高度。接下来，我们计算了窗口应该居中所需的左侧和顶部距离，并将这些值传递给 `window.open()` 方法中的 `left` 和 `top` 参数。

最后，我们使用 `window.open()` 方法打开新窗口，并将其命名为空字符串（这将使新窗口没有标题）。`width`，`height`，`left`和`top`参数将被传递给新窗口，以确定其大小和位置。