JavaScript进阶

最新推荐文章于 2024-07-29 11:53:27 发布

摘不到卤蛋

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量136

点赞数 7

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/T278lk/article/details/123173899

版权

一，函数

1.函数的定义
类似于java中的方法，可以被调用，但是调用的形式不一样。是完成特定任务的代码语句块。

2.函数的类型

1.无参函数

function a(){
		console.log("123");
	}

2,.有参函数

function a1(a,b) {
		console.log(a);
		console.log(b);
	}

3.匿名函数（指没有名字的函数）及其调用方式

(function(){//匿名函数在创建时就需要调用，并且上方的代码需要打上";" 否则会报错
		console.log("调用匿名函数")
	})();

4.普通函数

	function dj(a){//调用函数，这里的参数a可以是任意类型
		console.log("按钮点击")
		if(a){//在这里做判断，如果为真（是a），则进入if条件中
			return "成功"
		}
		return false//若执行这行，则代表没有进入if条件
	}

5.高阶函数可以将函数作为参数

	function s(a){
		return a+1
	}
	function s1(a,b){
		return a(b)
	}
	console.log(s1(s,1))//会返回一个2

6.箭头函数（函数的简写）

var s2=()=>{
		console.log(111)
	}

二，函数的参数特点

//传参的特点
		console.log(dj(1,2,3,4))//传入的参数没有个数限制
		console.log("a")//传入非数字类型时，必须要打上引号
		console.log("a",3,"b,4");//传入的参数也不限制类型

三，window对象
1.常用属性
history: 有关客户访问过的URL的信息，相当于历史记录

//1.history 历史记录
			function back(){//返回
				history.back()
			}
			
			function forward(){//前进
				history.forward()
			}
			
			function go(){//万能油
				history.go(-1)//在go里面放-1，表示后退一格
				history.go(1)//在go里面放1，表示前进一格
			}

location: 有关当前URL的信息

 //2.location
			function f1(){
				//跳转百度,将本地路径改为"https://www.baidu.com"
				location.href="https://www.baidu.com"
			}
			
			function f2(){
				//相当于刷新界面
				location.reload();
			}

2.常用函数
prompt: 显示可提示用户输入的对话框
alert: 显示带有提示信息和确定按钮的对话框
confirm: 显示一个带有提示信息、确定和取消的对话框

window.open(“1.html”);//打开新的指定页面【注意路径级别】
location.href(“1.html”);//不打开新页面的前提下直接进入新页面
location.reload();//刷新当前页面
window.close();//关闭当前页面
history.back();//返回必须有历史记录 history.go(-1)
history.forward();//前进必须有历史记录 history.go(1)

3.时间对象—Date
用new Date()可以点出一些里面的方法,常见的有:

// new Date().getFullYear()//得到全年,当前年,如2022年
  //              new Date().getHours()//得到小时 0~23
    //            new Date().getDate()//得到当前日期时间 1~31
      //          new Date().getMinutes()//得到分钟 0~59
        //        new Date().getDay()//得到星期几
          //      new Date().getMilliseconds()//得到毫秒
            //    new Date().getMonth()//得到月份(一月至十二月）//
      //          new Date().getSeconds()//得到秒 0~59
        //        new Date().getTime//得到时间戳

内置对象
修改html中标签和内容的方法
1, innerHTML : 修改html的标签和文本内容
2, textContent : 只能修改html标签中的文本(text)内容

四，网页版计算器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>有趣的计算机</title>
	</head>
	<body>
		<!-- p 段落标签 占一整行  -->
		<!-- input 输入框标签 -->
		<p>第一个值：<input type="text"  id="a1"  /></p>
		<p>第二个值：<input type="text"  id="a2"  /></p>
		<!-- disabled 禁用 里面放false表示不可使用 放true 表示可以使用 -->
		<p>结果：<input type="text"  id="a3" disabled="false" /></p>
		<!-- 四个运算按钮 -->
		<p>
			<button type="button" onclick="plus()">+</button>
			<button type="button"onclick="subtract()">-</button>
			<button type="button"onclick="multiply()">*</button>
			<button type="button"onclick="divide()">/</button>
		</p>
		<script type="text/javascript">
		//定义函数
		//1.首先得到两个输入框的值
		//2.进行相应的计算
		//3.将结果显示在表示结果的输入框中
			//加法函数
			function plus(){
				var a=a1.value;
				var b=a2.value;
				var c=parseInt(a)+parseInt(b);
				if(isNaN(c)){
					a3.value="输入错误"
				}
			}
			
			//减法函数
			function subtract(){
				var a=a1.value;
				var b=a2.value;
				var c=parseInt(a)-parseInt(b);
				if(isNaN(c)){
					a3.value="输入错误"
				}
			}
			
			//乘法函数
			function multiply(){
				var a=a1.value;
				var b=a2.value;
				var c=parseInt(a)*parseInt(b);
				if(isNaN(c)){
					a3.value="输入错误"
				}
			}
			
			//除法函数
			function divide(){
				var a=a1.value;
				var b=a2.value;
				var c=parseInt(a)/parseInt(b);
				if(isNaN(c)){
					a3.value="输入错误"
				}
			}
			
		</script>
	</body>
</html>

摘不到卤蛋

关注

7
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript进阶

一，函数1.函数的定义类似于java中的方法，可以被调用，但是调用的形式不一样。是完成特定任务的代码语句块。2.函数的类型1.无参函数function a(){ console.log("123"); }2,.有参函数function a1(a,b) { console.log(a); console.log(b); }3.匿名函数（指没有名字的函数）及其调用方式(function(){//匿名函数在创建时就需要调用，并且上方的代码需要打上";" 否则会报错 co
复制链接

扫一扫