Question

在JavaScript中单击按钮时，是否可以增加URL ID并打开递增页面？

例如，如果ID为http://www.someurl.com/index.php?id=17

点击按钮加载此iframe链接时：

http://www.someurl.com/index.php?id=18

<button onclick="increment()">Increment</button>
<div id="iframe">
    <script>
        var id = 17;
        
        var link='<iframe src="http://www.myurl.com/index.php?id=' + id + '  " height="600px" width="100%" />';

        
        function increment(){
        id++;
        document.getElementById('iframe').innerHTML = id + link;
}
    </script>
</div>

OnClick Id正在增加，但内容仍然相同......

Answer 1

HTML

   int Count = Convert.ToInt32(cmd.ExecuteScalar());

现在将网址划分为2个变量，其中一个仍会存储＆＃39; id＆＃39;和另一个id的值

的Javascript

<a href="http://www.someurl.com/index.php?id=10" id="nextPage">Next page</a>
<button onClick='increment()'>Increment</button>

工作链接：http://jsbin.com/pejasucuqu/edit?html,js,output

Answer 2

您可以使用$ _REQUEST或其他方式获取页面的ID。然后你可以用它在url中打开一个id值增加的新窗口。

了解如何打开新窗口通过此链接 http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open

Answer 3

假设您的网址将始终为给定格式（即http://www.someurl.com/index.php?id=18），以下情况应该可以正常工作。

＆＃13;

var start = 17;

$(".increment-btn").click(function() {
  start++;
  var next_url = "http://www.someurl.com/index.php?id=" + start;
  $('#iframe').attr('src', next_url)
});

＆＃13;

<button class="increment-btn" type="button">Increment Page</button>
<iframe name="iframe" id="iframe" src=""></iframe>

＆＃13;

如何使用onclick事件增加url ID参数

3 个答案: