函数和windows对象有惊喜✔-CSDN博客

本文链接：https://blog.csdn.net/qq_73126462/article/details/129746357

一、函数
函数的定义：类似于Java中的方法，是完成特定任务的代码语句块。

1. 系统函数
   eval(<表达式>)
   //得到一个文本框的值(表单)
   例：var sname=eval("doucment.form.sname.value");

parseInt("字符串")
//将字符串转换为整型数字

parseFloat("字符串")
//将字符串转换为浮点型数字

   isNaN()
   //用于检查其参数是否是非数字
   alert(isNaN("55"));

2. 自定义函数
2.1 无参函数
   function 函数名(){
   //javascript代码;
   }
2.2 有参函数
   function 函数名(参数1,参数2,...){
   //javascript代码;
   }
2.3 带返回值函数（无参）
   function 函数名(){
   return 返回值或变量;
   }
2.4 带返回值函数（有参）
   function 函数名(参数1,参数2,...){
   return 返回值或变量;
   }

3. 函数的调用
3.1 外部调用：
   <input type="button" value="点我吧" οnclick="mya()" />
3.2 内部调用：
   <script type="text/javascript">
   function mya(name){
       alert("我叫"+name);
   }
   may("超级RP");
   </script>
3.3 函数调函数
   <script type="text/javascript">
   function mya(name){
       alert("我叫"+name);
   }
   function myb(){
       may("超级RP");
   }
   </script>

注意：函数不可以跨页面调用。但可以通过将函数写入js文件，页面调用该js文件，通过js代码重用来实现。

二、函数实现代码的重用
重用的概念：重复使用

2.1 获得文本框的值：
var ia=document.getElementById("ID").value;

2.2 为文本框赋值：
document.getElementById("ID").value="11111";

三、局部变量和全局变量
写在方法体的里面的变量称为局部变量；
写在方法体之外的变量称为全局变量。

四、window对象
常用属性：
   screen: 有关客户端的屏幕和显示性能的信息
   history: 有关客户访问过的URL的信息
   location: 有关当前URL的信息

常用方法：
   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)

setTimeout: 在指定的毫秒数后调用函数或计算表达式
setInterval: 按照指定的周期来调用函数或表达式

常用事件：
   onload：一个页面或一个图像完成加载
   onmouseover：鼠标移到某元素之上
   onclick：点击对象
   onkeydown：某个按键按下
   onchange：域的内容被改变

五、匿名调用函数
匿名函数：没有名字的函数。

例1：
onload()
①<body οnlοad="myf()">//直接放在body里等body加载完毕后才执行

           ②function test(){
           alert("哈哈哈");
           }
           window.οnlοad=test;

           ③window.οnlοad=function(){
           alert("哈哈哈");匿名函数
           }

六、时间对象
Date对象：时间对象、日期对象。

格式：
var 日期对象=new Date(参数)
//获得当前日期，参数格式：MM DD,YYYY,hh:mm:ss:ms

案例：
var today=new Date(); //返回当前日期和时间
var tdate=new Date("september 1,2015,12:23:33");

Date对象的方法：
setXxx：设置时间
getXxx：得到时间

   Xxx包括：
   FullYear: 当前年
   Month: 0~11（一月至十二月）
   Day: 0~6（星期几）
   Date: 1~31
   Hours: 0~23
   Seconds和Minutes:0~59

案例：
var today=new Date(); //获取当前时间
var year=today.getFullYear(); //得到年
var month=today.getMonth(); //得到月
var day=today.getDay(); //得到星期几
var date=today.getDate(); //得到日
var hh=today.getHours(); //得到时
var mm=today.getMinutes(); //得到分
var ss=today.getSeconds(); //得到秒

//将字符串的值写入到html中某个ID中
var dd=year+"年"+month+"月"+date+"日";
var da=document.getElementById("da");
da.innerHTML=dd; //innerHTML获取对象的内容或向对象插入内容

让时间一直在显示：setInterval()方法

function mm(){
setInterval("函数名",1000);
//每隔1秒自动执行
setTimeout("函数名",1000);
//等待1秒后执行一次
}

七、数学函数Math
Math.abs(x) //返回数的绝对值
Math.ceil(x) //返回比x大的最小整数 Math.ceil(34.5)--35
Math.floor(x) //返回比x小的最大整数 Math.floor(34.5)--34
Math.random() //返回0~1之间的随机数
Math.round(x) //四舍五入取整
Math.sqrt(x) //返回数的平方根

八.纯js实现相关事件