除了window.open 以外还有什么方式可以新开一个页面并且可以打开外部网址呢

除了`window.open()`方法，还有其他几种方式可以新开一个页面并访问外部网址：

1. **标签页或窗口管理API**：现代浏览器提供了一些高级API，如`navigator.share()`, `window.openExternal()`, 或 `chrome.tabs.create()` (Chrome) 来实现这个功能。例如：

   window.openExternal('https://www.example.com');

2. **HTML链接元素**：可以直接创建一个`<a>`标签，然后设置其`href`属性为你要打开的URL：

   <a href="https://www.example.com" target="_blank">点击这里</a>

3. **第三方框架**：一些前端库或工具也提供开新页面的功能，如React Router的`Link`组件、Vue Router的导航守卫等。

4. **JavaScript框架**：在React、Angular等框架中，可以通过路由系统生成新的URL并跳转。

5. **异步操作**：如果在服务端渲染环境中，可以先发起一个AJAX请求来动态生成新的页面URL，然后使用`location.href`或类似方法跳转。

每种方法的选择取决于你的应用环境、兼容性需求以及用户体验设计。需要注意的是，使用`window.open()`时可能会受到浏览器同源策略的限制，而在其他方法中可能更容易规避这一点。

相关问题

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()` 方法打印新页面。