window.open传html片段到新页面

要在新打开的页面中传递 HTML 片段，可以通过下面的步骤实现：

1. 创建一个包含 HTML 片段的变量，例如：var html = "<p>这是要传递的 HTML 片段</p>";

2. 使用 window.open() 方法打开一个新页面，例如：var newWindow = window.open("about:blank");

3. 在新页面中使用 document.write() 方法写入 HTML，例如：newWindow.document.write(html);

下面是完整的示例代码：

var html = "<p>这是要传递的 HTML 片段</p>";
var newWindow = window.open("about:blank");
newWindow.document.write(html);

注意，这种方法会将整个页面内容替换为传递的 HTML 片段，如果要在新页面中保留原来的内容，可以将新的 HTML 片段插入到指定的元素中，或者创建一个新的元素来显示传递的 HTML。

相关问题

window.open打开一个已有页面并且传html片段到新页面

可以使用JavaScript来实现将HTML片段传递到新页面，并在新页面中打开已有页面。具体步骤如下：

1. 在原始页面中定义一个JavaScript函数，该函数将HTML片段作为参数，并将其传递到新页面：

function openPageWithHTML(html) {
  var newWindow = window.open('existingPage.html');
  newWindow.onload = function() {
    newWindow.document.getElementById('targetDiv').innerHTML = html;
  }
}

2. 在新页面中，将需要接收HTML片段的元素添加一个id属性，以便在JavaScript中进行引用：

<div id="targetDiv"></div>

3. 在原始页面中调用该函数，并将需要传递的HTML片段作为参数传递：

var html = '<p>This is some HTML content.</p>';
openPageWithHTML(html);

当用户点击打开新页面的按钮时，将会打开一个新窗口，并将HTML内容传递到新的页面中，并在指定的元素中显示。

window.open打开一个已有页面并且传html片段到新页面并且打印这个新页面

可以使用如下代码实现：

// 获取已有页面中需要传递的HTML片段
var html = document.getElementById('myDiv').innerHTML;

// 新建一个窗口并打开已有页面
var newWindow = window.open('http://example.com/oldPage.html');

// 等待新页面加载完成后，将HTML片段传递到新页面中
newWindow.onload = function() {
  newWindow.document.body.innerHTML = html;
  
  // 打印新页面
  newWindow.print();
}

其中，`getElementById('myDiv')` 中的 `myDiv` 是已有页面中需要传递的HTML片段所在的元素的ID。在新页面加载完成后，将HTML片段赋值给新页面的 `body.innerHTML`，最后使用 `print()` 方法打印新页面。