Jvavscript三小时学习 - HTML/css/Js

Jvavscript三小时学习
2022-04-07

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

运行环境，保留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");//打印在浏览器内，用户可查看的

首先申明变量

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)       
}

Jvavscript三小时学习 2022-04-07

Jvavscript三小时学习
2022-04-07