首页 HTML/css/Js正文

Jvavscript三小时学习

欲儿 HTML/css/Js 2022-04-07 299 0

确实是这样代码这个东西吧,一通百通,那我直接开始教程了


运行环境,保留html然后用浏览器打开就行,相对于其他语言的编译环境算是很简单的了

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <script type="text/javascript">
    //这里插入js代码
    document.write("it is a happy day");    	
    </script>
</head>
<body></body>
</html>



输出数据

console.log("it is a happy day");//控制太输出需要按F12 ,找到控制台或者cosle,如下图的第二个
document.write("it is a happy day");//打印在浏览器内,用户可查看的

image.png



首先申明变量

var a = 10;  //申明时候赋值
var ret;
ret = 10;    //先申明后赋值
document.write(a); //打印a值同理可以打印ret


函数

function addtwo(a)//先封装函数,传递变量a
{
    var b = a + 2;
    return b;
}
var result = addtwo(3);//传递数据3 ,并且申明返回值result
console.log(result);//控制台输出


同样可以有不传递数据的函数如下
function output()
{
console.log("一个好天气");
}
output();//调用函数




运算符我看了一下和各大语言几乎相同,这边不再赘述



弹窗

//弹窗无用户反馈
window.alert("一个欲儿的博客");//windows环境下调用弹窗提示消息
alert("一个欲儿的博客");//部分用户并非windows环境


//弹窗用户可以选择   确认   或者   取消
var ret = window.confirm("做个选择吧");
if(ret == true)
{
    document.write("你的选择是确定");
}
else
{
    document.write("你的选择是取消");
}



延时运行Sleep(),采用的网上大佬封装的一个函数

//函数定义
function sleep (time) {
  return new Promise((resolve) => setTimeout(resolve, time));
}

//函数调用
sleep(3000).then(() => {
    //暂停以后要运行的代码
})


那如果要无限循环运行某一个代码咋办,不得不说js和其他编程语言是不一样的,用while的死循环会程序崩溃,这边不推荐使用

这里给出一个原链接,有兴趣的可以取看一下,没兴趣的你就用就行拉(原文链接)

function queding()
{
	var ret = document.getElementsByClassName("public_submit")[0];
	if(undefined == ret )
	{
		console.log("未找到确定按钮")
	}
	else
	{
		ret.click();
	}
}
setInterval(() => { //重新载入queding函数,且延迟为1000毫秒,
    queding(); 
},1000);


但是上面的发生了程序性的bug,当代码运算足够复杂的时候却会变得很复杂起来,于是去了解了一下,发现用settimeout递归而实现自我调用,是另外一个甚至更好的方法

function aa(){
    console.log('做点什么吧')
    setTimeout(aa, 1000)       
}


版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论