如何使用js和jquery onclick从另一个HTML页面检索代码

Question

So, I've noticed that when using the following code for the purposes detailed in the title, that code from settings.html appears, then disappears almost instantaneously.

Javascript:

function load() {
    $("#paste").load("settings.html");
}

HTML:

<a href="" onclick="load();">Settings</a>
<div id="paste"></div>

However when using the following javascript/jquery instead, the browser freezes. (And the content does not load at all)

function load() {
  for (i = 0; i < 1;) {
    $("#paste").load("settings.html");
  }
}

What can I do to solve this?

Answer 1

JavaScript Code

function load() {
    $("#paste").load("settings.html");
}

HTML

<a href="javascript:void(0);" onclick="load();">Settings</a>
<div id="paste"></div>