如何使用JavaScript从用户询问输入，并将其分配给数组的值

嗨，我使用此代码在iframe查看多个URL，现在我想在JavaScript中的脚本，它会要求从用户输入URL和将在下面的代码中分配数组中的URL。如何使用JavaScript从用户询问输入，并将其分配给数组的值

var array = ["https://www.google.com", "https://codepen.io/", "https://www.amazon.in", "http://www.stackoverflow.com"]; 
 

 
var cnt = 0; 
 
$('button').click(function() { 
 
    $('iframe').attr('src', array[cnt]); 
 
    cnt++; 
 
    if (cnt == array.length) { 
 
    cnt = 0; 
 
    } 
 
});

iframe { 
 
    width: 400px; 
 
    height: 400px; 
 
}

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 

 
<button type="submit">Next Iframe</button> 
 
<iframe></iframe>

来源

2017-07-14 Fahad Maqsood Qazi

你的逻辑似乎是工作的罚款。但是，大多数网站不允许自己在iframe中显示。事实上，你可以看到错误，当你尝试在框架设置谷歌：'拒绝在该框架中显示“https://www.google.co.uk/?gfe_rd=cr&ei=HpxoWdWkIZD38AeJib9Y”，因为它设置“X -frame选项到“sameorigin'.'有没有办法解决这个，这是出于安全原因，是一件好事。 –

其实我没有使用这些网址，我使用的URL这是对我 –

尝试下面的代码

var array = ["https://www.google.com", "https://codepen.io/", "https://www.amazon.in", "http://www.stackoverflow.com"]; 
 

 
var cnt = 0; 
 
$('button').click(function() { 
 
    $('iframe').attr('src', array[cnt]); 
 
    cnt++; 
 
    if (cnt == array.length) { 
 
    cnt = 0; 
 
    } 
 
}); 
 

 
function addtoArrayFunc(){ 
 

 
var inputVal = $("#inputBox").val(); 
 
array.push(inputVal); 
 

 
}

iframe { 
 
    width: 400px; 
 
    height: 400px; 
 
}

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 

 
<button type="submit">Next Iframe</button> 
 
<iframe></iframe> 
 
<br> 
 
<input type="text" value="" placeholder="Enter the URL" id="inputBox"> 
 
<button onClick="addtoArrayFunc()">Add to array</button>

来源

2017-07-14 10:35:13 Santhoshkumar

拥有我是新来的js其他服务器，可以请你告诉我，我该如何使用输入字段而不是输入标签的ID在VAR inputVal = $（ “#inputBox”）VAL（）;居然有我在其中我修改 –

您正在使用jquery，这样你们可以简单地获取输入字段的使用VAL（）值的页面许多输入字段... – Santhoshkumar

创建一个形式，和输入。然后在用户点击按钮时读取输入/以其他方式进行交互。


 
    var array = ["https://www.google.com", "https://codepen.io/", "https://www.amazon.in", "http://www.stackoverflow.com"]; 
 

 
var cnt = 0; 
 
$('button').click(function() { 
 
    var userurl = $('input').val(); 
 
    $('iframe').attr('src', array[cnt] = userurl); 
 
    cnt++; 
 
    if (cnt == array.length) { 
 
    cnt = 0; 
 
    } 
 
});

iframe { 
 
    width: 400px; 
 
    height: 400px; 
 
}

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 

 

 
<iframe></iframe> 
 
<!-- don't reload page on --> 
 
<form action="javascript:void(0);"> 
 
<label> Get URL 
 
<input type="text"></input> 
 
</label> 
 
<button type="submit">Go 
 
</button> 
 
</form>

来源

2017-07-14 10:41:53

如何使用JavaScript从用户询问输入，并将其分配给数组的值

回答

相关问题