Question

我已经编写了一个代码，用于打开我在文本框中输入的10个链接，以便在新窗口中为文本框中输入的每个10个链接打开。但不知何故，它现在正在运作。任何人都可以帮我正确执行它。以下是代码：

<html>
<script>
function getValue(v)
{
    var txt_arr=v.split('\n');
    for(var i=0;i<txt_arr.length;i++)
    {
        window.open(txt_arr[i],"_blank");
    }
    //var link=document.getElementById("textLink").value;
    //window.open(link,"_blank");
}
</script>
<body>
<h1>Get Text box value</h1>
<form>
<textarea id="textLink" type="text" name="link_val" rows="2" cols="2"></textarea>
<button id="btnClick" onClick="getValue(link_val.value)">Open the links</button>
</form>
</body>
</html>

Answer 1

link_val.value不起作用，因为它没有引用该元素。当然变量名称与textarea的名称相匹配，但这不是一回事。

你需要实际获取元素，所以我建议在处理程序中执行此操作：

onClick="getValue('link_val')"



function getValue(link_input_name)
{
    var link_input = document.getElementsByName(link_input_name)[0];
    var txt_arr = link_input.value.split('\n');
    ...

Answer 2

这里的问题是你的按钮类型没有定义，

默认情况下它是“提交”并且它会刷新页面，你想要的是一个按钮，除了你需要的onClick动作之外什么也不做，所以把type="button"放在你的按钮HTML中它会起作用。

您需要检查您的浏览器是否也不阻止弹出窗口。

Answer 3

var  a = document.getElementById('textLink');
 function getValue() {
 	
    var myWindow = window.open('', "_self");
    //get value in new window use =>window.open('', "_blank");
    myWindow.document.write(a.value);
}

<h1>Get Text box value</h1>
<form>
<textarea id="textLink" type="text" name="link_val" rows="2" cols="2"></textarea>
<button id="btnClick" onClick="getValue()">Open the links</button>
</form>

获取文本框值在新窗口中打开

3 个答案: