gpt4 book ai didi

javascript - 如何从用户处获取自定义弹出窗口的宽度和高度?

转载 作者:行者123 更新时间:2023-11-27 23:43:59 26 4
gpt4 key购买 nike

我正在尝试制作一个网页,在 HTML 文件中从用户那里获取宽度和高度参数的输入。使用 JavaScript,我应该使用用户提供的输入来打开自定义大小的弹出窗口。这是我编写的代码,但它不起作用。

HTML:

<h4>5. Open pop-up window of custom size</h4>
Height: <input type="number" id="pHeight">
Width: <input type="number" id="pWidth">
<button onclick="customPopup()">Open custom pop-up</button>

JavaScript:

// 5. Open pop-window of custom size
function customPopup() {
var h = document.getElementByID("pHeight").value;
var w = document.getElementByID("pWidth").value;
window.open ("http://google.com", "popup-custom", "status=1, scrollbars=1, width=w, height=h");
}

最佳答案

你的选择器是错误的。它的document.getElementById不是document.getElementByID,而且你还需要传递w和h的值而不是w 和 h 作为字符串。尝试以下代码:

<h4>5. Open pop-up window of custom size</h4>
Height: <input type="number" id="pHeight">
Width: <input type="number" id="pWidth">
<button onclick="customPopup()">Open custom pop-up</button>
<script>
function customPopup() {

var h = document.getElementById("pHeight").value;
var w = document.getElementById("pWidth").value;

window.open ("http://google.com", "popup-custom", "status=1, scrollbars=1, width="+w+", height="+h);

}

</script>

关于javascript - 如何从用户处获取自定义弹出窗口的宽度和高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33407677/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com