JavaScript 常用功能

太过爱你忘了你带给我的痛 2022-05-12 12:10 205阅读 0赞

**设置函数触发间隔时间:**

**setTimeout("\_name", 1000);**

**鼠标放在元素上触发事件:**

<a href="" style="font-size:20px;color:cadetblue;text-align:start;width:100%" onmouseover="mOver(this)" onmouseout="mOut(this)">返回首页</a>
                    
    <a href="" style="font-size:20px;color:cadetblue" onmouseover="mOver(this)" onmouseout="mOut(this) " id="change">点击刷新</a>

**JS:**

<script>
            function mOver(x) {  x.style.fontSize = "25px";}
            function mOut(x) { x.style.fontSize = "20px"; }
    </script>

**加载页面提示:**

<body onload="tishi(); tishi1()">

**JS:**

function tishi() { alert('欢迎进入!'); }
    function tishi1() { alert('欢迎进入1!'); }

**点击替换文本:**

<div style="width:100%;height:50px;">
        <h1 onclick="ccc(this)">dianwo</h1>
        </div>

**JS:**

function ccc(x) { x.innerHTML = '111';}

**点击按钮显示日期:**

<div>
            <button onclick="displayData()" >点击</button>
             <p id="demo"></p> 
        </div>

**JS:**

function displayData() {document.getElementById('demo').innerHTML = Date();}

**文本框小写转大写，改变背景颜色:**

<div style="width:100%;height:80px;">
            <p>大写转小写</p>
            输入你的名字:<input type="text" id="fname" onchange="myFunction()" onfocus="focuss(this)"> 
        </div>

**JS:**

function myFunction() {var x = document.getElementById('fname');x.value = x.value.toUpperCase();}
    function focuss(x) { x.style.background = "yellow"; }

**鼠标点击事件:**

<div onmousedown="mDown(this)" onmouseup="mUp(this)" style="background-color:burlywood;width:100px;height:50px;padding:40px">点击</div>

**JS:**

function mDown(x) { x.style.backgroundColor = "blue"; x.innerHTML = '变变变'; }
            function mUp(x) { x.style.backgroundColor = "green"; x.innerHTML = '结束'; }

发表评论取消回复

表情：

评论列表（有 0 条评论，205人围观）

还没有评论，来说两句吧...

相关阅读

相关 PostMan 常用功能

统函数有的时候需要批量处理创建一些内容。数据需要随机。 [https://learning.getpostman.com/docs/postman/scripts/...

Myth丶恋晨/ 2024年04月18日 08:20/ 0 赞/ 65 阅读

相关 LaTeX 常用功能

1. 段首缩进　　中文习惯在段首缩进两格，在LaTeX中，/parindent 表示段首缩进的长度，我们将它设置为当前字号的两个大写字母M的宽度，大约正好是两个汉字的宽度：

小鱼儿/ 2022年09月30日 07:03/ 0 赞/ 325 阅读

相关常用功能记录

本篇博文是博主用来记录自己在开发时常用功能的写法（方便自己复制粘贴），大家也可以从中获取些自己所需要的功能。前端js 时间格式转换 x为时间，y为格式 fu

骑猪看日落/ 2022年09月10日 04:22/ 0 赞/ 249 阅读

相关常用javascript

1. 后退加刷新 window.location.replace(document.referrer); 1. 禁止网页另存为 <noscript><

素颜马尾好姑娘i/ 2022年06月13日 04:49/ 0 赞/ 215 阅读

相关 Nginx常用功能

Http代理，反向代理：作为web服务器最常用的功能之一，尤其是反向代理。这里我给来2张图，对正向代理与反向代理做个诠释，具体细节，大家可以翻阅下资料。 !

た入场券/ 2022年05月22日 12:43/ 0 赞/ 238 阅读

相关前端常用功能

1 jq获取某标签的值 $("\xxxxx").val() 2 给标签的某个属性赋值（或者改变值） $("\form").attr("action","url"); 3

野性酷女/ 2022年05月17日 09:43/ 0 赞/ 230 阅读

相关 curl常用功能

本文介绍curl的： 1）参数被截断； 2）自动转义编码； 3）如何发GET和POST；参数被截断若欲发送：curl http://host

雨点打透心脏的1/2处/ 2022年05月16日 05:26/ 0 赞/ 276 阅读

相关 JavaScript 常用功能

设置函数触发间隔时间: setTimeout("\_name", 1000); 鼠标放在元素上触发事件: <a href="" style="font-size:

太过爱你忘了你带给我的痛/ 2022年05月12日 12:10/ 0 赞/ 206 阅读

相关 JQuery 常用功能

隐藏和显示: $("hide").click(function(){ $("p").hide(); //缓慢 $("p").hide(1000);

末蓝、/ 2022年05月11日 06:52/ 0 赞/ 253 阅读

相关 NGINX常用功能

本文只针对Nginx在不加载第三方模块的情况能处理哪些事情，由于第三方模块太多所以也介绍不完，当然本文本身也可能介绍的不完整，毕竟只是我个人使用过和了解到过得，欢迎留言交流。

深藏阁楼爱情的钟/ 2021年11月22日 09:28/ 0 赞/ 349 阅读