JS:在页面加载而不是onClick

时间:2018-02-22 20:41:04

标签: javascript

我使用一个按钮来改变div的颜色。 它上面有这个脚本:

onclick="setActiveStyleSheet('blue'); return false;"

但我希望在加载页面时加载此脚本。我怎样才能做到这一点? 试过这个:

<body onload="setActiveStyleSheet('blue')">

但那没用。

3 个答案:

答案 0 :(得分:1)

您应该使用d <- ggplot(diamonds) + geom_bar(aes(clarity, fill=color)) # first plot d + geom_bar(data=diamonds[(diamonds$clarity=="SI2"),], # filter aes(clarity), alpha=0, size=1, color="black") 等待DOM内容加载。

addEventListener
function setActiveStyleSheet(color){
  // Function body
  document.getElementById('textContainer').innerHTML = color;
}

// Vanilla JS
document.addEventListener("DOMContentLoaded", function() {
    console.log("DOM is fully loaded and ready for DOM manipulation.");
    setActiveStyleSheet('blue');
});

答案 1 :(得分:0)

使用页面底部的脚本标记

<body>
...
<script>
  setActiveStyleSheet('blue')
</script>
</body>

答案 2 :(得分:0)

使用Jquery

setActiveStyleSheet = function (whichColor){
 $("#myDiv").css('background',whichColor);
}

$(document).ready(function(){
 setActiveStyleSheet('blue');
});

其中“myDiv”是div名称。 登记https://jsfiddle.net/2e1nqtq3/16/