单击运行jquery脚本

单击运行jquery脚本,jquery,Jquery,我使用这个脚本随机加载样式表。 但是我也希望在站点上有一个可以运行脚本的按钮,这样用户可以通过单击按钮而不是F5来加载新样式 关于如何写这个有什么建议吗? 干杯 var-link=[]; 链接[0]=“css/style1.css”; 链接[1]=“css/style2.css”; 链接[2]=“css/style3.css”; $(函数(){ var style=link[Math.floor(Math.random()*link.length)]; $('',{ rel:“样式表”, 类型:

我使用这个脚本随机加载样式表。 但是我也希望在站点上有一个可以运行脚本的按钮,这样用户可以通过单击按钮而不是F5来加载新样式

关于如何写这个有什么建议吗? 干杯

var-link=[];
链接[0]=“css/style1.css”;
链接[1]=“css/style2.css”;
链接[2]=“css/style3.css”;
$(函数(){
var style=link[Math.floor(Math.random()*link.length)];
$('',{
rel:“样式表”,
类型:'text/css',
href:style
}).appendTo(“head”);
});

只需将代码放入该按钮:

HTML:

试试这个:

var link = [];
link[0] = "css/style1.css";
link[1] = "css/style2.css";
link[2] = "css/style3.css";

function changeStyle() {
    var style = link[Math.floor(Math.random() * link.length )];
    $('<link />',{
        rel :'stylesheet',
        type:'text/css',
        href: style
    }).appendTo('head');
}

$(function() {
    // set style on load
    changeStyle();

    // set on button click
    $("#myButton").click(changeStyle);
});
var-link=[];
链接[0]=“css/style1.css”;
链接[1]=“css/style2.css”;
链接[2]=“css/style3.css”;
函数changeStyle(){
var style=link[Math.floor(Math.random()*link.length)];
$('',{
rel:“样式表”,
类型:'text/css',
href:style
}).appendTo(“head”);
}
$(函数(){
//加载设置样式
changeStyle();
//点击按钮设置
$(“#我的按钮”)。单击(更改样式);
});

除了我发布的代码之外,我没有其他代码。它现在工作正常,加载时选择随机样式。我只需要一个按钮就可以更改样式。@CraigJonathanKristensen:我已经为按钮和代码设置了html。如果我使用你的代码(js和html),我不会加载随机样式。@CraigJonathanKristensen:你保留了以前的代码,还添加了我发布的内容。啊!这修正了加载时的样式。但是这个按钮不起作用。如果我使用这个代码,脚本不会加载任何样式。
<input type="button" id="btnID" />
$('#btnID').click(function(){
  var style = link[Math.floor(Math.random() * link.length )];
  $('<link />',{
                rel :'stylesheet',
                type:'text/css',
                href: style
             }).appendTo('head');
});
var link = [];
link[0] = "css/style1.css";
link[1] = "css/style2.css";
link[2] = "css/style3.css";
var link = [];
link[0] = "css/style1.css";
link[1] = "css/style2.css";
link[2] = "css/style3.css";

function changeStyle() {
    var style = link[Math.floor(Math.random() * link.length )];
    $('<link />',{
        rel :'stylesheet',
        type:'text/css',
        href: style
    }).appendTo('head');
}

$(function() {
    // set style on load
    changeStyle();

    // set on button click
    $("#myButton").click(changeStyle);
});