js函数，jsWindows对象

赤诚&

已于 2022-02-28 20:08:53 修改

阅读量1.8k

点赞数 10

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

于 2022-02-28 04:55:09 首次发布

本文链接：https://blog.csdn.net/weixin_67150631/article/details/123173863

版权

javascript函数，Window对象

文章目录

一，js函数

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

 1 无参函数 
				function 函数名(){
				    //javascript代码;
				}
			   2 有参函数
				function 函数名(参数1,参数2,...){
				    //javascript代码;
				}
			   3 带返回值函数（无参）
				function 函数名(){
				    return 返回值或变量;
				}
			   4 带返回值函数（有参）
				function 函数名(参数1,参数2,...){
				    return 返回值或变量;
				}
				无返回值的函数会返回一个未定义  undefined

函数的调用方式
javascript函数调用格式


		1 外部调用：
			<input type="button" value="点我吧" onclick="mya()<--函数名-->" />
		   2 内部调用：
			<script type="text/javascript">
			    function mya(name)<--函数名-->{
				alert("我叫"+name);
			    }
			    may("超级RP");
			</script>
		   3 函数调函数
			<script type="text/javascript">
			    function mya(name)<--函数名-->{
				alert("我叫"+name);
			    }
			    function myb(){
				may("超级RP");
			    }
			</script>

但是在函数的调用过程中要注意的是，函数不能跨页面调用，但可以编写js文件，放在js文件中，实现函数的灵活调用；
在这里插入图片描述

二，函数的重用：

与java一样，函数是为实现重复代码的减少，利于代码的简洁；
比如;
1 获得文本框的值：
var ia=document.getElementById(“ID”).value;

2 为文本框赋值：
document.getElementById(“ID”).value=“11111”;

三，局部变量和全局变量

与java一样,写在方法体的里面的变量称为局部变量；
写在方法体之外的变量称为全局变量。

四，匿名调用函数

匿名函数就是没有名字的函数，有一点类似于java中的匿名监听

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

	②function test(){
	    alert("哈哈哈");
	  }
	  window.onload=test;
	③window.onload=function(){
	    alert("哈哈哈");匿名函数
	 }

五，window对象

1.定义：Window窗口，是整个js中最大的对象，window.xx()
//window默认可以不写
Windows对象

2.常用属性：
screen: 有关客户端的屏幕和显示性能的信息
history: 有关客户访问过的URL的信息，相当于历史记录
location: 有关当前URL的信息

3.常用方法：
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: 按照指定的周期来调用函数或表达式

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

textContent不识别html语句，HTML标签对它无效

h3.textContent="<kbd>"+new Date()+"</kbd>"

innerHTML 控制HTML标签，如果要修改文本样式，就要有用这个

  h3.innerHTML="<kbd>"+new Date().toLocaleTimeString()+"</kbd>"

六、时间对象

js的日期函数其实与java，Oracle等有类似之处，基本同源与java，按java的日期函数正常编写就好了。

<script language="javascript" type="text/javascript">
function disptime()
{ var today = new Date(); //获得当前时间
 var hh = today.getHours();  //获得小时、
 var mm = today.getMinutes();分钟、
 var ss = today.getSeconds();秒
document.getElementById("myclock").innerHTML=hh+":"+mm+":"+ss;}
</script>

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

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

如图
日期函数2
setInterval()与setTimeout()的区别
日期函数3
案例
案例1
如何让时间一直显示 setInterval()方法

七、数学函数Math

同样是和java函数一样
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的函数和对象，包括一些基本语法，用法，如果有什么不对的请联系作者，欢迎在评论区留言讨论！！！