提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JavaScript学习笔记

JavaScript笔记学习
2023-09-27 14:29:07 时间

正则表达式
search()方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。

replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

exec() 方法用于检索字符串中的正则表达式的匹配。
该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

/*使用正则表达式搜索 "Runoob" 字符串，且不区分大小写*/
var str = "Visit Runoob!"; 
var n = str.search(/Runoob/i);/*输出6*/

/*使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Runoob :*/
var str = "Visit Microsoft!"; 
var txt = str.replace(/microsoft/i,"Runoob");/*输出Visit Runoob!*/

/*以下实例用于搜索字符串中的字符 "e"：*/
var patt = /e/;
patt.test("The best things in life are free!");/*输出true*/

/*以下实例用于搜索字符串中的字母 "e":*/
/e/.exec("The best things in life are free!");/*输出e*/

在这里插入图片描述
延时函数
setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 在指定的毫秒数后执行指定代码。

/*每三秒弹出 "hello" ：*/
var myVar=setInterval(function(){alert("Hello")},3000);
clearInterval(myVar);/*停止按钮*/
/*等待3秒，然后弹出 "Hello":*/
var myVar=setTimeout(function(){alert("Hello")},3000);
clearTimeout(myVar);/*停止按钮*/

键盘按键
onkeydown 某个键盘按键被按下
onkeypress 某个键盘按键被按下并松开
onkeyup 某个键盘按键被松开

<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
    var keynum;
    var keychar;
    keynum = window.event ? e.keyCode : e.which;/*取键值*/
    keychar = String.fromCharCode(keynum);/*转化为对应的键*/
    alert(keynum+':'+keychar);
}
</script>
<input type="text" οnkeydοwn="return noNumbers(event)" />
</body>
</html>

在这里插入图片描述
数学函数
在这里插入图片描述
移动端手指按下，手指抬起，手指移动所触发的事件

		page1.ontouchstart=function(e){//手指按下触发
			var touch=e.targetTouches[0];
			var startx=touch.clientX;
			var starty=touch.clientY;
		}
		page1.ontouchmove=function(e){//手指移动是记录坐标
			 var touch=e.targetTouches[0];
			 var endx=touch.clientX;
			 var endy=touch.clientY;//记下最后的坐标
		}
		page1.ontouchend=function(e){//手指抬起触发，滑动结束
			if(endy<starty){//开始的Y坐标大于结束的Y坐标，说明是向下滑动
				page1.style.transform='translateY(-100vh)';
			}else{//反之，向上滑动
				page1.style.transform='translateY(100vh)';
			}
		}

获取时间戳(从1970年1月1日0时到现在所过的时间)单位毫秒

	var time=Date.now();
	console.log(time);

相关文章