javascript函数,Window对象
一,js函数
定义:类似于Java中的方法,是完成特定任务的代码语句块。和Oracle的function类似。
自定义函数
1 无参函数
function 函数名(){
//javascript代码;
}
2 有参函数
function 函数名(参数1,参数2,...){
//javascript代码;
}
3 带返回值函数(无参)
function 函数名(){
return 返回值或变量;
}
4 带返回值函数(有参)
function 函数名(参数1,参数2,...){
return 返回值或变量;
}
无返回值的函数会返回一个未定义 undefined
函数的调用方式
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默认可以不写
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
如图
setInterval()与setTimeout()的区别
案例
如何让时间一直显示 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的函数和对象,包括一些基本语法,用法,如果有什么不对的请联系作者,欢迎在评论区留言讨论!!!