Window对象
1)系统对话框
浏览器通过(实际是 window 对象的方法)alert()、confirm()、prompt()方法可以调用对话框向用户显示消息。
(1)消息框:alert, 常用。
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
(2)输入框:prompt,返回提示框中的值。
prompt() 方法用于显示可提示用户进行输入的对话框。
参数(可选):
第一个参数:要在对话框中显示的纯文本。
第二个参数:默认的输入文本。
(3)确认框:confirm,返回 true/false.
confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
2)打开窗口
window.open()方法既可以导航到一个特定的 URL 也可以用来打开一个新的窗口
_self、_parent、_top、_blank
3)关闭窗口
window.close():关闭窗口。
只能关闭被open打开的窗口
/**
* 打开弹出框
*/
function openAlert() {
window.alert("这是弹出框");
console.log("。。。");
}
/**
* 输入框
*/
function openpPrompt() {
var name = window.prompt("请输入用户名:","");
alert("输入的值为:" + name);
}
/**
* 确认框
*/
function openCinfirm() {
var flag = window.confirm("您确认要删除这条记录吗?");
if (flag) {
alert("删除成功...");
} else {
alert("没事儿别瞎点。。。");
}
}
/*window.open()方法*/
function openPage () {
//window.open();// 打开新的空白页(新开的)
// window.open("http://www.baidu.com");
// window.open("http://www.baidu.com",'_self');
// window.open("index.html");
window.open("01-window对象.html","_self");
}
/**
* 关闭当前页面
*/
function closePage () {
window.close(); // Scripts may close only the windows that were opened by it.
}
时间函数
setTimeout() : 在指定的毫秒数后调用函数或计算表达式。通过返回的标识也可以
cliearTimeout(id) 来清除指定函数的执行
在 times 毫秒后执行 function 指定的方法,执行之前也可以取消
setInterval():可按照指定的周期(以毫秒计)来调用函数或计算表达式,也可根据
返回的标识用来结束。该方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
function openBaidu(){
alert("3秒钟跳转到百度...");
setTimeout(function(){
// 打开到百度
window.open("http://www.baidu.com");
},3000);
}
//var id = setTimeout(test,1000);
function test() {
console.log("。。。");
id = setTimeout(test,1000);
}
/**
* 停止函数
*/
function stopPrint() {
clearTimeout(id);
}
/*每隔几秒打印一次*/
var id2 = setInterval(function(){
console.log("正在打印...");
},1000);
clearInterval(id2);
history 对象的属性:length,返回浏览器历史列表中的 URL 数量。
history 对象的方法:
back():加载 history 列表中的前一个 URL。
forward():加载历史列表中的下一个 URL。当页面第一次访问时,还没有下一个 url。
go(number|URL): URL 参数使用的是要访问的 URL。而 number 参数使用的是要访
问的 URL 在 History 的 URL 列表中的相对位置。go(-1),到上一个页面
location 对象的属性 href:设置或返回完整的 URL
location 对象的方法
reload():重新加载当前文档。
replace():用新的文档替换当前文档。
// 得到当前的url
var url = window.location.href;
console.log(url);
// 跳转到指定页面
//window.location.href = "03-history对象.html";
// window.location.href = "http://www.baidu.com";
function reload1() {
// 刷新页面
//window.location.reload();
// 用指定页面替换当前页面
window.location.replace("http://www.baidu.com");
DOM对象:
<body>
<h2>Document</h2>
<form action="http://www.baidu.com">
姓名:<input type="text" id="uname" /><br />
密码:<input type="password" id="upwd" /><br />
<button>登录</button>
</form>
</body>
<script type="text/javascript">
console.log(document.body);
// 向浏览器窗口写数据
document.write("Hello");
// 设置cookie
document.cookie = "zhangsan-123456";
var cook = document.cookie;
console.log(cook);
// 分隔字符串
var user = cook.split("-");
// 给表单元素赋值 value
document.getElementById("uname").value=user[0];
document.getElementById("upwd").value=user[1];
</script>