Question

我正在尝试一个小时，我无法弄清楚如何通过HTML链接打开一个小窗口。 Basicly。

function myFunction() {
  var waypointsai = document.getElementById('waypointsai');
  var waypointas = document.getElementById('waypoints').value;

  waypts.push({
    location: waypointas,
    stopover: true
  });
  atvzd.push(waypointas);
  waypointsai.innerHTML += '<a href="#" onclick="newWindow(' + waypointas + ');">' + waypointas + '</a>';
}


waypointsai.innerHTML += '<a href="#" onclick="newWindow(' + waypointas + ');">' + waypointas + '</a>';

基本上我需要一个能够打开一个名为/whatever.php?variable=waypointas的新窗口的函数。而那个waypointas就是用户输入数组的东西。

那么让我们说waypointas = tree;我如何打开一个名为/whatever.php?variable=tree的小窗口？我没有想法，我希望我能清楚地澄清我的情况。

Answer 1

您可以像这样使用html弹出窗口

window.open("http://www.w3schools.com");

并使用查询字符串传递数据。

你也可以创建叠加层，但这需要一些javascript。

你也可以使用bootstrap模态，非常容易使用

Answer 2

代码

onclick="newWindow(' + waypointas + ');">

将生成类似于

的代码

onclick="newWindow(tree);">

所以它期望定义一个变量树。您需要添加缺少的引号

onclick="newWindow(\'' + waypointas + '\');">'

现在问题是，如果树包含'，它将引发错误。

如果您没有newWindow方法，则需要创建一个调用window.open()的方法。关于如何设置大小的See the documentation。

Answer 3

您可以指定新窗口的宽度和高度。

尝试

window.open('http://www.example.com', '_blank', 'width=500, height=300');

用JavaScript通过HTML打开一个新的小窗口

3 个答案: