Fatal编程技术网
  • javascript/
  • 不使用jQuery重写随机/按钮Javascript

不使用jQuery重写随机/按钮Javascript

javascript jquery html

不使用jQuery重写随机/按钮Javascript,javascript,jquery,html,Javascript,Jquery,Html,我有这个剧本。在这种情况下，它可以正常工作，但它似乎与我正在处理的站点中的其他脚本冲突。我如何重写它，使它不需要jQuery/OnLoad 它就是这样做的：每次单击该按钮时，它都会在一个新窗口中从数组中打开一个随机链接 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.js"></scr

我有这个剧本。在这种情况下，它可以正常工作，但它似乎与我正在处理的站点中的其他脚本冲突。我如何重写它，使它不需要jQuery/OnLoad

它就是这样做的：每次单击该按钮时，它都会在一个新窗口中从数组中打开一个随机链接

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.js"></script>  

<title>TestBase</title>

<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
var links = [
    "http://vetteletters.nl", 
    "http://todont.co",
    "http://planetx.nl/titles"
    ];
$("#rnd_link").click(function(){
    window.open(links[Math.floor((Math.random()*3))]);    
});
});//]]> 

</script>


</head>

<body>

    <button id="rnd_link">Random</button>

</body>

</html>


测试基地
// 
随机的
应该有用

应该可以工作。

如果您只是想避免使用jQuery，我建议使用
window.onload
在页面加载时触发该函数

window.onload = function(){ 
  // do stuff
};
然后，为了选择DOM元素，将使用
getElementById（）
方法，然后为鼠标单击添加事件侦听器：

document.getElementById("rnd_link").addEventListener("click", function(){
  // do stuff
});
下面是事件侦听器的MDN条目供进一步阅读：

如果您只是想避免使用jQuery，我建议使用
window.onload
在页面加载时触发函数

window.onload = function(){ 
  // do stuff
};
然后，为了选择DOM元素，将使用
getElementById（）
方法，然后为鼠标单击添加事件侦听器：

document.getElementById("rnd_link").addEventListener("click", function(){
  // do stuff
});
以下是事件侦听器的MDN条目，供进一步阅读：

此功能：

<script type='text/javascript'>
var links = [
    "http://vetteletters.nl", 
    "http://todont.co",
    "http://planetx.nl/titles"
];

window.addEventListener('load', function() {
    document.getElementById("rnd_link").onclick = function() {
        window.open(links[Math.floor((Math.random()*3))]);    
    };
});
</script>


变量链接=[
"http://vetteletters.nl", 
"http://todont.co",
"http://planetx.nl/titles"
];
addEventListener（'load'，function（））{
document.getElementById（“rnd_link”）.onclick=function（）{
打开（链接[Math.floor（（Math.random（）*3）））；
};
});
这项工作：

<script type='text/javascript'>
var links = [
    "http://vetteletters.nl", 
    "http://todont.co",
    "http://planetx.nl/titles"
];

window.addEventListener('load', function() {
    document.getElementById("rnd_link").onclick = function() {
        window.open(links[Math.floor((Math.random()*3))]);    
    };
});
</script>


变量链接=[
"http://vetteletters.nl", 
"http://todont.co",
"http://planetx.nl/titles"
];
addEventListener（'load'，function（））{
document.getElementById（“rnd_link”）.onclick=function（）{
打开（链接[Math.floor（（Math.random（）*3）））；
};
});
我建议：

单击按钮时调用该函数

<button id="rnd_link" onclick="random()"></button> 

<script>
var links = [
    "http://vetteletters.nl", 
    "http://todont.co",
    "http://planetx.nl/titles"
    ];

function random(){
 window.open(links[Math.floor((Math.random()*3))]);
}

</script>


变量链接=[
"http://vetteletters.nl", 
"http://todont.co",
"http://planetx.nl/titles"
];
函数随机（）{
打开（链接[Math.floor（（Math.random（）*3）））；
}
有关onclick的更多信息，我建议：

单击按钮时调用该函数

<button id="rnd_link" onclick="random()"></button> 

<script>
var links = [
    "http://vetteletters.nl", 
    "http://todont.co",
    "http://planetx.nl/titles"
    ];

function random(){
 window.open(links[Math.floor((Math.random()*3))]);
}

</script>


变量链接=[
"http://vetteletters.nl", 
"http://todont.co",
"http://planetx.nl/titles"
];
函数随机（）{
打开（链接[Math.floor（（Math.random（）*3）））；
}
有关onclick的更多信息

hi Zfrish tnx！我知道，我真的是个初学者。但是谢谢你的链接。我会设法弄明白的。事实上，我对你们看到的冲突更感兴趣。这是如此基本和无害的外观，我也想知道你是否正在做一些其他你需要知道的未来网页/部分。。。JQuery是如此的有用，我现在可以避免养成习惯（作为新手的早期），这将在长期的运行中大大帮助您！我知道，我真的是个初学者。但是谢谢你的链接。我会设法弄明白的。事实上，我对你们看到的冲突更感兴趣。这是如此基本和无害的外观，我也想知道你是否正在做一些其他你需要知道的未来网页/部分。。。JQuery非常有用，我现在（在刚开始学习JQuery的时候）会避免养成习惯，这将从长远来看对您大有帮助。我相信您错过了示例中的onclick事件。您是否打算编写
？我相信您在示例中遗漏了onclick事件。你的意思是写
？Tnx！这就行了！Tnx！这就行了！