javaScript Windows相关

时间:2021-09-19 14:53:27

javaScript 关于Windows



1 Windows 对象

<1>全部浏览器都支持 window 对象。它表示浏览器窗体。

<2>全部 JavaScript 全局对象、函数以及变量均自己主动成为 window 对象的成员。

<3>全局变量是 window 对象的属性。

<4>全局函数是 window 对象的方法。

window.document.getElementById("header");

2 Windows经常使用函数

<1>获取Windows尺寸

var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

<2>其他常见函数

window.open() - 打开新窗体

window.close() - 关闭当前窗体

window.moveTo() - 移动当前窗体

window.resizeTo() - 调整当前窗体的尺寸





3 Screen对象

screen.availWidth - 可用的屏幕宽度

screen.availHeight - 可用的屏幕高度









4 Location对象

document.write(location.pathname +'<br/>'); 返回 web 主机的域名

document.write(location.hostname  +'<br/>');
返回当前页面的路径和文件名称

document.write(location.protocol  +'<br/>'); 返回所使用的 web 协议(http:// 或 https://

document.write(location.href); 返回正URL

location.assign("http://www.w3school.com.cn")
载入新的网页









5 History对象

window.history 对象包括浏览器的历史

history.back() - 与在浏览器点击后退button同样

history.forward() - 与在浏览器中点击button向前同样

示比例如以下:

function goForward()
{
window.history.forward()
}
</script>
</head>
<body> <input type="button" value="Forward" onclick="goForward()">

6 Navigator对象

window.navigator 对象包括有关訪问者浏览器的信息





navigator.appCodeName Mozilla

navigator.appName Netscape

navigator.appVersion 5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.76Safari/537.36

navigator.cookieEnabled true

navigator.platform Win32

navigator.userAgent Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.76 Safari/537.36

navigator.systemLanguage undefined





注意:来自 navigator 对象的信息具有误导性。不应该被用于检測浏览器版本号。这是由于:

navigator 数据可被浏览器使用者更改

浏览器无法报告晚于浏览器公布的新操作系统





7 javaScript消息框

<1> 警告框

警告框经经常使用于确保用户能够得到某些信息。当警告框出现后。用户须要点击确定button才干继续进行操作

alert("文本")

<2> 确认框 

确认框用于使用户能够验证或者接受某些信息。当确认框出现后,用户须要点击确定或者取消button才干继续进行操作。假设用户点击确认,那么返回值为 true。假设用户点击取消,那么返回值为 false

confirm("文本")

<3> 提示框

提示框经经常使用于提示用户在进入页面前输入某个值。

当提示框出现后。用户须要输入某个值,然后点击确认或取消button才干继续操纵。假设用户点击确认。那么返回值为输入的值。假设用户点击取消,那么返回值为 null。

var name=prompt("请输入您的名字",输入的默认值)





8 javaScript 计时器

有关计时的两个关键函数

setTimeOut() //设置一个计时器

clearTimeout() //取消一个计时器

setTimeout() 的第一个參数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')"。或者对函数的调用,诸如 alertMsg()"。

第二个參数指示从当前起多少毫秒后运行第一个參数。

示比例如以下:

 t=setTimeout("timedCount()",1000)

 clearTimeout(t)





9 javaScript Cookie

cookie 是存储于訪问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时。就会发送这个 cookie。

你能够使用 JavaScript 来创建和取回 cookie 的值

用cookie基本的过程:

设置cookie

获取cookie

检測cookie

<1> 设置cookie

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

<2> 获取cookie

function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}

<3> 检查cookie

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{alert('Welcome again '+username+'!')}
else
{
username=prompt('Please enter your name:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}

注意:

1>:字符串存进Cookie的时候,内容是累加,各段内容之间是通过分号";"隔开

2>:在使用键值对的形式存储cookie的时候,索引的keyword但是为中文,同一个keyword所具有的值会相互覆盖。

document.cookie ="动物=乌龟";
document.cookie ="动物=王八";

最后cookie中存的是document.cookie ="动物=王八";由于王八跟乌龟keyword同样。因此王八覆盖乌龟

3>:cookie 赋值

document.cookie = "xxx"; //or
document.cookie = "yyy=xxx"