内置对象
延展内置函数eval()和isNaN()
eval():用于计算字符串表达式的值 isNaN():检查其参数是否是非数字值，true/false
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>内置对象</title>
<script type="text/javascript">
// 内置函数eval()和isNaN()
//eval()用于计算字符串表达式的值
//isNaN()用于检查其参数是否是非数字值，true/false
// var mess=prompt('输入一个表达式',5*2);
// var value=eval(mess);
// alert(value);
var mess=prompt('请输入一个数','0' ); //判断是一个非数字的值
if(isNaN(mess)==true){
alert('是一个非数字的值');
}else{
alert('不是一个非数字的值');
}
// 如果x是特殊的非数字值NaN，返回的值就是true，如果x是其他值，则返回false
document.write(isNaN(123)+'<br />'); //结果为false
document.write(isNaN('hello')+'<br />'); //结果为true
document.write(isNaN(x=345)+'<br/>'); //结果为false
document.write(isNaN(x='hello')); //结果为true
</script>
</head>
<body>
</body>
</html>
三大对象模型
浏览器对象
浏览器窗口window
方法:open():打开新的窗口、close():关闭当前的窗口
①open(‘打开窗口的url’，窗口名,窗口特征（属性）);
②close():关闭当前的窗口
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>window对象</title>
<script type="text/javascript">
function btn(){
// window可省略
// open(打开窗口的URL,窗口名,窗口特征);
window.open('Date对象.html','','width=400,height=400');
}
</script>
</head>
<body>
<h1 onclick="btn();">namanamanana梦不落雨林</h1>
</body>
</html>
文档document
属性:
bgcolor:设置对象的背景颜色
location:获取或设置当前url地址信息
body:指定文档正文的开始和结束
title:获取标题
URL:设置或检索当前文档的url
方法:
close():关闭输出流并强制显示发送的数据
clear():消除当前文档
write():输出至文档流当中去
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function createNewDoc()
{
var newDoc=document.open("Date对象","replace");
var txt="<html><body>Learning about the DOM is FUN!</body></html>";
newDoc.write(txt);
newDoc.close();
}
</script>
</head>
<body>
<input type="button" value="Write to a new document"
onclick="createNewDoc()">
</body>
</html>
History对象
方法:
back():加载History列表中的上一个页面，也可使用go(-1);
forward():加载History列表中的下一个页面,也可使用go(1);
Loaction对象
属性:
host():获取或检索设置主机的端口号和主机名称
hostname:设置或检索位置的主机名称
href:设置或检索完整的url字符串
方法:
location.assign(‘url’):加载一个新的URL地址
location.reload():bool类型，是否重新加载：true/false重新加载当前页面
location.replace():使用一个新的URL替换当前的URL
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//alert(location.host);//获取或是设置主机的端口号和主机名称 127.0.0.1:8020
//alert(location.hostname);
//alert(location.href); //设置或是检索url信息
//location.assign('http://www.yltedu.com'); //加载一个新的url地址
//location.reload(true); //重新加载当前页面
//location.replace('new_file.html'); //使用一个新的url替换当前的url
function change_01(){
//获取选中的节点的value值 赋值给location对象的属性href
location.href=document.for1.select1.value;
}
</script>
</head>
<body>
<form action="" method="post" name="for1">
<select name="select1" onchange="change_01();">
<option>--请选择男神--</option>
<option value="zyx.html">张艺兴</option>
<option value="yx.html">艺兴</option>
<option value="Lay.html">老狐狸</option>
<option value="sheep.html">小绵羊</option>
</select>
<!--<input type="submit" value="提交"/>-->
</form>
</body>
</html>
脚本对象
String字符串对象
属性:
length:字符串长度
Date日期对象
方法:
set…:设置时间和时间值，以毫秒计算
get…:获取时间和时间值
to…:返回字符串
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Date对象</title>
<script type="text/javascript">
//Date() 对象中的日期格式 如下;
// var dateDay=new Date('2018/12/12');
// var dateDay=new Date('wed dec 1 2019');
// alert(dateDay);
var datevalue=new Date();
//alert(datevalue);
//alert(datevalue.getDate()); //获取月份中的天数
//alert(datevalue.getFullYear()); //获取年份
//alert(datevalue.setDate(3)); //设置月份中的天数，以毫秒计算
//alert(datevalue.getDay()); //获取星期几
//alert(datevalue.getHours()); //获取小时
//alert(datevalue.getMinutes()); //获取分钟
//alert(datevalue.getMonth()+1); 获取月份
//alert(datevalue.toDateString()); //返回字符串 结果为Wed Dec 12 2018
//alert(datevalue.toGMTString()); //结果为Wed, 12 Dec 2018 15:19:51 GMT
alert(datevalue.getTime()); //返回自某一时刻（1970年1月1日）以来的毫秒数
</script>
</head>
<body>
</body>
</html>
Math对象：
属性：PI(π的值)
abs(y):返回y的绝对值
min(x,y):返回x,y两个数中较小的数
max(x,y):返回x,y两个数中较大的数
random:返回0~1的随机数
round(y):四舍五入取整
sqrt(y):返回y的平方根
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Math对象</title>
<script type="text/javascript">
// Math.random(): 随机产生0-1之间的数字
// Math.round(): 四舍五入取整
//问题: 使用计时器以及Math对象实现页面2秒 显示不同的图片
// function ran(){
// var mathValue=Math.round(Math.random()*9+1);
// document.getElementById('img1').src='img/'+mathValue+'.jpg';
// }
// setInterval('ran()',2000);
function ran(){
var mathValue=Math.round(Math.random()*9+1);
document.getElementById('img1').src='img/'+mathValue+'.jpg';
}
var timer=setInterval('ran()',2000); //循环计时器
clearInterval(timer); //清除计时器
</script>
</head>
<body>
<img src="img/1.jpg" id="img1">
</body>
</html>
1239
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
