页面自动加载js的方法

news/2024/7/19 13:13:58 标签: js, 前端, 页面加载

 一、前言

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

二、具体实现

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

      

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

                                          

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

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

 


http://www.niftyadmin.cn/n/625519.html

相关文章

单例模式|

单例模式是一种常用的软件设计模式,其定义是单例对象的类只能允许一个实例存在。 许多时候整个系统只需要拥有一个的全局对象,这样有利于我们协调系统整体的行为。比如在某个服务器程序中,该服务器的配置信息存放在一个文件中,这…

工厂模式O(∩_∩)O

工厂模式是我们最常用的实例化对象模式了,是用工厂方法代替new操作的一种模式。著名的Jive论坛 ,就大量使用了工厂模式,工厂模式在Java程序系统可以说是随处可见。因为工厂模式就相当于创建实例对象的new,我们经常要根据类Class生成实例对象&…

Js中Promise用法

promise是用来解决Js中的异步问题的。基本结构如下: function a() {return new Promise((resolve, reject) > {//dosomethingresolve() } } 前提是要通过新建一个Promise的对象,然后传参一个函数(resolve,reject)>{resolve…

哈希冲突^_^

哈希冲突产生的原因 哈希是通过对数据进行再压缩,提高效率的一种解决方法。但由于通过哈希函数产生的哈希值是有限的,而数据可能比较多,导致经过哈希函数处理后仍然有不同的数据对应相同的值。这时候就产生了哈希冲突。 简单说就是&#xff…

jquery获取父级元素、同级元素以及子元素的方法

有文件的结构如下&#xff1a; <div class"level-1"><tr class"tr1"><td class"td1">1</td><td class"td2">2</td><td class"td3">3</td><td class"td4">…

请实现一个函数,将一个字符串中的每个空格替换成“20”【string的ReplaeAll()详解】

这题使用Java中的replaceAll()就可以了。replaceAll() 方法使用给定的参数 replacement 替换字符串所有匹配给定的正则表达式的子字符串。语法结构如下 // regex -- 匹配此字符串的正则表达式。// newChar -- 用来替换每个匹配项的字符串。// 返回值&#xff1a;成功则返回替换…

StringBuilder为什么线程不安全【源码分析】

StringBuilder和StringBuffer的区别是面试的时候被提及最多的问题之一了&#xff0c;我们都知道stringbuffer是线程安全的&#xff0c;而stringbuilder不是线程安全的。通过stringbuffer和stringbuilder的源码&#xff0c;我们可以发现stringbuilder和stringbuffer都是继承了ab…