Javascript语法（不断更新）

最新推荐文章于 2024-04-05 02:45:00 发布

潜力股wjk

最新推荐文章于 2024-04-05 02:45:00 发布

阅读量316

点赞数

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_36413887/article/details/77430151

版权

Javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1. document.getElementById()
含义：根据页面上控件Id 获取控件对象元素的ID特性
例如有如下text控件元素：

<input type="text" id="button1" value="Hello"/>

那么当调用document.getElementById(“button1”).value的时候，返回的就是”Hello”了。

2. setTimeout
定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。　　

语法: setTimeout(code,millisec) 　

参数： code （必需）：要调用的函数后要执行的 JavaScript 代码串。millisec（必需）：在执行代码前需等待的毫秒数。　提示： setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
如：

<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 秒时间到！')",5000)
}
</script>

接下来我们看一下一个简单的计时器：

<html>
<head>
<script type="text/javascript">
var c=0

function timedCount()
{
document.getElementById('txt').value=c
c=c+1
setTimeout("timedCount()",1000)
}
</script>
</head>

<body>

<form>
<input type="button" value="开始计时！" onClick="timedCount()">
<input type="text" id="txt">
</form>

<p>请点击上面的按钮。输入框会从 0 开始一直进行计时。</p>

</body>

效果如下：
这里写图片描述

3.隐藏文本

<!DOCTYPE html>
<html>
<body>

<p id="p1">这是一段文本。</p>

<input type="button" value="隐藏文本" onclick="document.getElementById('p1').style.visibility='hidden'" />
<input type="button" value="显示文本" onclick="document.getElementById('p1').style.visibility='visible'" />

</body>
</html>

4.关于setInterval和clearInterval的用法
首先，setInterval是一个实现定时调用的函数，可按照指定的周期（以毫秒计,如1000就是1秒）来调用函数或计算表达式。setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。由setInterval返回的ID值可用作clearInterval方法的参数。
eg：

<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=setInterval("clock()",1000)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
<button onclick="int=clearInterval(int)">停止</button>
</body>
</html>

可看到结果：
这里写图片描述
此外有一点需要注意，clearInterval关闭setInterval的周期性调用函数是一一对应的，也就是说，用了多少次的setInterval函数，要关闭时就要调用多少次的clearInterval函数。

5.indexOf和lastIndexOf的用法
（1）indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

stringObject.indexOf(searchvalue,fromindex)

该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
注释：indexOf() 方法对大小写敏感！
注释：如果要检索的字符串值没有出现，则该方法返回 -1。

（2）lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。如果找到一个 searchvalue，则返回 searchvalue 的第一个字符在 stringObject 中的位置。stringObject 中的字符位置是从 0 开始的。
注释：lastIndexOf() 方法对大小写敏感！
注释：如果要检索的字符串值没有出现，则该方法返回 -1。

应用：可用来对表单中的必填项进行验证（在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证）。
eg：

<html>
<head>
<script type="text/javascript">
function validate_form(thisform)
{
with (thisform)
  {
  if (email.value==null||email.value=="")
    {alert("Email must be filled out!");
     email.focus();return false;
    }
    else{
        var str=email.value;
        var a=str.indexOf("@");
        var b=str.lastIndexOf(".");
        if(a<1 || (b-a)>1)
        {
            alert("Not a valid email!");return false;
        }
        else{
        return true;}
    }
  }
}
</script>
</head>
<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>
</html>

6.replace()方法
在字符串中用某些字符替换另一些字符，如果替换掉的话，就返回替换成功后的字符串

7.match()方法
查找字符串中特定的字符，并且如果找到的话，则返回这个字符。

潜力股wjk

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript语法（不断更新）

1. document.getElementById() 含义：根据页面上控件Id 获取控件对象元素的ID特性例如有如下text控件元素：<input type="text" id="button1" value="Hello"/>那么当调用document.getElementById(“button1”).value的时候，返回的就是”Hello”了。2. setTimeout 定义和用
复制链接

扫一扫