js的内置对象

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'jsp5.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
//javascript的一些内置对象
//1、图像对象 导航对象 窗口对象 屏幕对象 时间对象 历史对象
//窗口对象
function go(object)
{
alert(object.value.length);
object.focus();
object.select();
}
function go1()
{
if(confirm("你想继续吗?"))
{
window.location.href = "http://www.baidu.com";
}
else
{
document.write("bye");
}
}

function go2(event)
{
//open这个方法是打开一个新的窗口,并且跑到指定的url地址去,opener 属性仅在使用 window.open 方法打开的页面中可用。
//window.open("${pageContext.request.contextPath}/index.jsp");
//window.opener("http://www.baidu.com");这种写法试试错误
//alert(window.opener);
alert("asdas");
alert(event);
}
//go1();
//go2();
//screen对象
with(document)
{
write("屏幕宽度是:",screen.availWidth+"<br/>");
write("屏幕高度是:"+screen.availHeight,"<br/>");
write("屏幕实际宽度是:",screen.width+"<br/>");
write("屏幕的实际高度是:",screen.height+"<br>");
}

//event对象

//为什么总得不到对象的只呢?
function getEvent(event)//这个event是事件发生时,系统内部产生的一个内置对象
{
alert("asdas");
alert(event);
//document.write("<font color = 'red'>"+event.type+"</font>","<br/>");
}
//document.onmousedown = getEvent;//千万小心不要再getEvent的后面加()
//还可以是
//document.onmousedown = function(){}//这种形式也是可以的

</script>
</head>

<body>
<!-- <input type="text" onblur="go(this)">
<input type="button" onclick="go2()" value="点击">-->



<input type="button" value="点击" id="button1"/>
<script type="text/javascript">
var bt = document.getElementById("button1");
bt.onclick = getEvent;
function getEvent(event)//或者bt.onclick = function(){},该方式是不能接受参数的
{
alert("真的吗?");
alert(event);
}
//注意:IE跟fireFox的区别:在IE中不一定得传入event这个对象,因为浏览器在遇到event事件是会自动产生event对此昂
//但是fireFox必须得有那个参数,但是参数可以随便写个参数,因为在遇到event事件时,浏览器会将一个event的对象当做参数传递进来,所以必须得有参数
</script>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>js7.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
//位置对象location
//注意,浏览器解析都是从上到下解析,但是onLoad函数是再整个页面解析之后,才会调用
var number = 5;
function test()
{

if(number > 0)
{
document.getElementById("num").innerHTML = number--;
}
else
{
//有的时候需要在这里先把定时器消除掉 clearInterval();
window.location.href = "http://www.google.com";
}
}
setInterval("test()",1000);
//document文档对象 links,获取文档中所有指定了 HREF 属性的 a 对象和所有 area 对象的集合。
/*function count()
{
/*alert(document.links.length);
alert(document.linkColor);
alert(document.parentWindow);*/
var obj = document.links;
for(var i = 0; i < obj.length; i++)
{
alert(obj[i]);
}
}*/

</script>
</head>

<body><!-- go() forward(),这是history的一些方法 -->
<!-- <a href="#" onclick="window.history.back();return false;">后退</a><!--最好在history的前面加上
原理:首先执行onclick里的代码,然会会执行href离得代码,如果后面不加return false,那么就不会跳到其他页面,而是会一直留在当前页面window,因为不加在forefix中将不会

有效果 -->
<font color="red" id="num">5</font> <br/>
<a href="http://www.baidu.com">a</a><br/>
<a href="http://www.google.com">b</a><br/>
<a href="http://www.yahoo.com">c</a><br/>
<a href="http://www.taobao.com">d</a><br/>
<input type="button" value="计算" onclick="count()">

<br/><br/>-->

</body>
</html>

<script type="text/javascript">
//cookie对象
//document.cookie = "name='值';expires='时间值'" 这种形式,expires是指cookie保存的到期时间
/*
*cookie有两种:1、会话cookie:不会被存储到客户端的硬盘上,而是放在浏览器进程的内存中,党关闭浏览器是,就会销毁该cookie
*2、持久性的cookie:存储到客户端的硬盘上
*/

var date = new Date();
var time = date.getTime() + 31*24*60*60*1000;
date.setTime(time);
document.cookie = "name = zhangsan;expires = "+ date.toGMTString();
document.write("cookie是:",document.cookie);
document.write();
</script>

你可能感兴趣的:(内置对象)