Question

我正在开展一个项目，我希望每次访问/刷新页面时，可点击的链接都会显示在不同的位置。到目前为止，我已经得到了这个：

<script>
for (var i=1; i <= 1; i++) {
    var x = Math.max(0, Math.min(70, Math.ceil(Math.random() * 100)));
    $('<div1>').css({
        position: 'absolute',
        width: '150px',
        height: '50px',
        left: x + '%',
    }).html("<p>CLICK ME<p>").appendTo('body');
}

此代码执行我想要的操作，但我无法弄清楚如何添加链接。将<a>标记添加到它的.html部分不起作用（我之前也从未真正使用过jQuery）。我想知道我做错了什么，以及如何解决这个问题。

Answer 1

你真的不需要jQuery，这是你可以做到的：

jsfiddle：https://jsfiddle.net/nt6zodmh/

var top = Math.floor(Math.random() * 100); // number between 1-99
var left = Math.floor(Math.random() * 100); // number between 1-99
var a = document.createElement('a');
a.href = 'https://google.com' // set href
a.innerHTML = 'CLICK ME';
// set style
a.style.position = 'absolute';
a.style.top = top+'%';
a.style.left = left+'%';
// add to body
document.body.appendChild(a)

如何在每个页面加载时使链接显示在随机位置？

1 个答案: