Javascript 密码 + 按钮在目标元素中打开 URL

Question

我学会了如何使用密码和按钮打开 link。我使用了以下代码：

<input type="text" id="text" />
<input type="button" id="btn" value="Submit" onClick="window.location=url;" />

<script>
$("#btn").click(function() {
window.location="example.com/"+$("#text").val();})
</script>

我想弄清楚的是我是否可以针对 link 的 div 元素在其中打开。

我一直在使用以下脚本将 html 页面加载到具有 link 的指定 div 元素中：

<div class="item1" id="pageone"></div>
<a href="" onclick="loadSAMEDiv1(); return false;">link</a>

<script>
function loadSAMEDiv1() { 
$.ajax({ 
 url: 'item1.html', 
 success: function(data) { 
      $('#pageone').html(data); 
 } 
 }); 
} 
</script>

我想我想知道是否有办法让第一个脚本创建的密码 url 在目标 div 中打开，就像在第二个脚本中一样。因此，当您单击按钮元素时，它将使用在文本框中输入的密码生成 url，并将其加载到 div 中，例如 #pageone。

Answer 1

最简单的方法是使用 Ajax load()。试试这个。

<input type="text" id="text" />
<input type="button" id="btn" value="Submit"/>

<div class="item1" id="pageone"></div>

<script>
    $("#btn").on("click", function() {
        $("#pageone").load("example.com/"+$("#text").val());
    });
</script>

Javascript 密码 + 按钮在目标元素中打开 URL

Javascript password + button open URL in targeted element

javascript

passwords

button

target