js day(3) js高级知识

一、js常见对象

1.1 使用对象构造器

<script>
function person(firstname,lastname,age,eyecolor){
	this.firstname=firstname;
	this.lastname=lastname;
	this.age=age;
    this.eyecolor=eyecolor;
}
myFather=new person("John","Doe",50,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>

1.2 prototype 属性

• 我们可以使用 prototype 属性就可以给对象的构造函数添加新的方法

Person.prototype.name = function() {
  return this.firstName + " " + this.lastName
};

• 增添新属性

Person.prototype.nationality = "English";

1.3 number对象

• 八进制和十六进制
  如果前缀为 0，则 JavaScript 会把数值常量解释为八进制数，如果前缀为 0 和 “x”，则解释为十六进制数。
• 转换为指定的进制数

var myNumber=128;
myNumber.toString(16);   // 返回 80
myNumber.toString(8);    // 返回 200
myNumber.toString(2);    // 返回 10000000

• 无穷大

Infinity

• 非数字

isNaN(x)

1.4 日期对象

alert(new Date().format("yyyy年MM月dd日"));
alert(new Date().format("MM/dd/yyyy"));
alert(new Date().format("yyyyMMdd"));
alert(new Date().format("yyyy-MM-dd hh:mm:ss"));

二、js 浏览器dom

2.1 常见window对象

window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸

2.2 常见location对象

location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.protocol 返回所使用的 web 协议（http: 或 https:）

2.3 Window History对象

history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击向前按钮相同

2.4 navigator对象

<script>
txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";
txt+= "<p>浏览器名称: " + navigator.appName + "</p>";
txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";
txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";
txt+= "<p>硬件平台: " + navigator.platform + "</p>";
txt+= "<p>用户代理: " + navigator.userAgent + "</p>";
txt+= "<p>用户代理语言: " + navigator.systemLanguage + "</p>";
document.getElementById("example").innerHTML=txt;
</script>

2.5 警告框、确认框、提示框。

• window.alert(“sometext”);
  window.alert() 方法可以不带上window对象，直接使用alert()方法。

• window.confirm(“sometext”)
  确认框通常用于验证是否接受用户操作。
  当确认卡弹出时，用户可以点击 “确认” 或者 “取消” 来确定用户操作。
  当你点击 “确认”, 确认框返回 true， 如果点击 “取消”, 确认框返回 false。

• window.prompt(“sometext”,“defaultvalue”);

2.6 计时事件

• setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
• setTimeout() - 在指定的毫秒数后执行指定代码。

setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 myVar 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。
setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 “alert(‘5 seconds!’)”，或者对函数的调用，诸如 alertMsg。
第二个参数指示从当前起多少毫秒后执行第一个参数。
提示：1000 毫秒等于一秒。

• clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。

<p>页面上显示时钟：</p>
<p id="demo"></p>
<button onclick="myStopFunction()">停止</button>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
	var d=new Date();
	var t=d.toLocaleTimeString();
	document.getElementById("demo").innerHTML=t;
}
function myStopFunction(){
	clearInterval(myVar);
}
</script>

• clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。

2.7 JavaScript Cookie

• JavaScript 中，创建 cookie 如下所示：
  document.cookie=“username=John Doe”;

• 您还可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：
  document.cookie=“username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT”;

• 您可以使用 path 参数告诉浏览器 cookie 的路径。默认情况下，cookie 属于当前页面。
  document.cookie=“username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/”;

• 使用 JavaScript 删除 Cookie
  删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可