页面自动加载js的方法

 一、前言

       公司有个项目里面有搜索功，根据多个搜索框的条件来进行搜索，产品提了个需求，需要对其中的一个搜索框加一个提示，比如用红色字体，要求对该输入框的搜索字数不能超过5个字符，然后看了一圈，这个搜索项是一起封装写好的，通过输入的数据类型的不同来调用不同的搜索类型，这就导致如果我对该项修改的话，那么其他和这个一样类型的样式也会发生改变，所以想了个办法，如果能够在页面一加载的时候我就单独给该input添加额外的样式不就可以了么。

二、具体实现

       页面加载调用js主要就是用window.onload调用js函数就可以了：
       比如：

      

 function style(){ 　　 
        // 如果需要处理其他的事件的话，在函数里写一些其他的功能即可
        alert("修改了样式"); 　　
       } 　　
       //注意：这里的函数后面不需要加括号
       window.onload = style;

                                          

  还有另外另外一种写法也是可以的：

function style(){ 　　 
        // 如果需要处理其他的事件的话，在函数里写一些其他的功能即可
        alert("修改了样式"); 　　
       } 
        window.onload = function(){
        style();
       }