Javascript 如何在页面加载后立即运行CSS样式更改?

Javascript 如何在页面加载后立即运行CSS样式更改?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我当前的代码: <li><a href="#" onClick="setActiveStyleSheet('blue'); return false;"><span class="pre-color-skin4"></span></a></li> 基本上,当用户点击按钮时,蓝色就会出现 但是我希望这样,如果用户加载我网站的某个页面,该脚本将在页面加载/开始加载时自动执行 谢谢:)我从问题的标签上推测您正在使用jqu

这是我当前的代码:

<li><a href="#" onClick="setActiveStyleSheet('blue'); return false;"><span class="pre-color-skin4"></span></a></li>
  • 基本上,当用户点击按钮时,蓝色就会出现

    但是我希望这样,如果用户加载我网站的某个页面,该脚本将在页面加载/开始加载时自动执行


    谢谢:)

    我从问题的标签上推测您正在使用jquery。然后可以使用load()函数


    您是否尝试过使用.onClick代替.onLoad

    这里有一个快速参考资料供您参考

    使用
    .ready()
    它在
    DOM
    完全加载时执行

    例如:

    $( document ).ready(function() {
         setActiveStyleSheet('blue'); //Call to your function   
    });
    

    但是,样式切换器是一个javascript代码,因此它不起作用。jQuery只是一个javascript库,因此您可以随时从jQuery的load函数调用javascript方法。您只需要在html页面中包含jquery js文件。
    $( document ).ready(function() {
         setActiveStyleSheet('blue'); //Call to your function   
    });