JavaScript学习记录总结（十）——几个重要的BOM对象
一、弹出框
<script type="text/javascript">
window.onload=function(){
window.alert("msg alert");
var msg =window.prompt("prompt", "hello"); //msg hello 或者null
alert(msg);
var msg1=window.confirm("hahah"); //msg1 true false;
alert(msg1);
//alert prompt confirm
};
</script>
二、open
<script type="text/javascript">
function openW(){
//定义自己的外观
window.open("window2.html","mypage","width=500,height=500,titlebar=yes,resizable=yes",true);
}
</script>
</head>
<body>
<input type="button" onclick="openW()" value="打开新窗体"/>
</body>
三、window.setInterval
<script type="text/javascript">
//window.self属性 代表当前的窗体
//window.setInterval("函数名（）",时间戳); 每隔时间戳 执行一次函数
var id=window.self.setInterval("clock()",1);
function clock(){
var t=new Date();
document.getElementById("clock").value=t;
}
function cls(){
window.self.clearInterval(id);
}
</script>
</head>
<body>
<!-- 输入框 -->
<input type="text" id="clock" size="35" />
<input type="button" value="清空操作" onclick="cls()"/>
</body>
四、window.setTimeout
<script type="text/javascript">
//window.self属性 代表当前的窗体
//window.setTimeout("函数名（）",时间戳); 隔时间戳后 执行一次函数
var id=window.self.setTimeout("clock()",3000);
function clock(){
var t=new Date();
document.getElementById("clock").value=t;
//id=window.self.setTimeout("clock()",3000);
}
function cls(){
window.clearTimeout(id);
}
//面试题
</script>
</head>
<body>
<!-- 输入框 -->
<input type="text" id="clock" size="35" />
<input type="button" value="清空操作" onclick="cls()"/>
</body>
五、Location
<script type="text/javascript">
function goUrl()
{
alert(window.location.host);
alert(window.location.hostname);
alert(window.location.port);
alert(window.location.protocol);
alert(window.location.search);
window.location.href="http://www.baidu.com";
}
</script>
</head>
<body>
<input type="button" value="发送新的请求" onclick="goUrl()"/>
</body>
六、History
1.html
<body>
<a href="2.html">进入2.html</a>
<a href="./l.html?name=chj">进入l.html</a>
</body>
2.html
<body>
<!-- <a href="javascript:history.back()">返回1.html</a> -->
<a href="javascript:history.go(-1)">返回1.html</a>
<a href="3.html">进入3.html</a>
<!-- <a href="javascript:history.forward()">前进</a> -->
<a href="javascript:history.go(1)">前进</a>
</body>
3.html
<body>
This is my HTML page. <br>
<!-- <a href="javascript:history.back()">返回2.html</a> -->
<a href="javascript:history.go(-1)">返回12.html</a>
</body>
JavaScript学习记录总结（十）——几个重要的BOM对象的更多相关文章
- JavaScript学习记录四
title: JavaScript学习记录四 toc: true date: 2018-09-16 20:31:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
- JavaScript学习记录三
title: JavaScript学习记录三 toc: true date: 2018-09-14 23:51:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
- JavaScript学习记录二
title: JavaScript学习记录二 toc: true date: 2018-09-13 10:14:53 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
- JavaScript学习记录一
title: JavaScript学习记录一 toc: true date: 2018-09-11 18:26:52 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
- JavaScript学习笔记(四十四) 装饰器
装饰器模式(Decorator) 在装饰器模式中,可以在运行时给一个对象动态的添加额外的功能.当和静态类打交道的时候(static classes),这可能是一个挑战.但在JavaScript中,对象 ...
- JavaScript -- 时光流逝（十二）：DOM -- Element 对象
JavaScript -- 知识点回顾篇(十二):DOM -- Element 对象 (1) element.accessKey: 设置或返回accesskey一个元素,使用 Alt + 指定快捷键 ...
- 诶西，JavaScript学习记录。。。。。。
由于大学课程缘故,老师巨爱叫人问问题,还记分呢,随便记录一下Js的学习情况,以后复习什么的也比较方便吧...... 开始咯,就按照C语言学习那样的方法来吧! ===================== ...
- Javascript学习记录——原生JS实现旋转木马特效
昨天学习到了JS特效部分,然后老师讲了旋转木马特效的实现,如上图.不过只是讲了通过点击箭头实现图片的切换,对于点击图片本身以及二者联动却是没有讲解. 本着一颗追求完美的心,今天花费了一个中午终于将整个 ...
- JavaScript学习记录总结（七）——dom对象应用之用户简单管理
<!DOCTYPE html><html><head><title>users.html</title> <meta name=&qu ...
随机推荐
- ClassLoader相关内容
1.什么叫做bootstrap?作为形容词有依靠自己力量的:自己做的等意思,在我们计算机世界里,一般指的是自举,引导,引导程序. 那什么是bootstrapClassLoader呢?它是引导加载器,也 ...
- DotNetBar v12.9.0.0 Fully Cracked
更新信息: http://www.devcomponents.com/customeronly/releasenotes.asp?p=dnbwf&v=12.9.0.0 如果遇到破解问题可以与我 ...
- SharePoint 2013 开发——概述
博客地址:http://blog.csdn.net/FoxDave 近来阅读SharePoint 2013开发一书,带着与大家一起分享其中的内容. 部署场景: 本地部署(On-Premise D ...
- （spring-第13回【IoC基础篇】）PropertyEditor(属性编辑器)--实例化Bean的第五大利器
上一篇讲到JavaBeans的属性编辑器,编写自己的属性编辑器,需要继承PropertyEditorSupport,编写自己的BeanInfo,需要继承SimpleBeanInfo,然后在BeanIn ...
- Java Sudoku游戏
这几天尝试用Java的swing写图形程序,边学习边摸索写了个简单的数独游戏,在编写的过程中学到了不少关于swing的东西,而且对于图形化程序的编写也有了一点简单的认识: 善其事先利其器,既然写图形化 ...
- Java私有构造器
Java私有构造器:使用private关键字声明的构造函数.由于类的构造函数时私有的,所以此类不能被实例化,同时也不能被继承.<Effective Java>第三条:用私有构造器或者枚举强 ...
- HDOJ-三部曲-1002-Radar Installation
Radar Installation Time Limit : 2000/1000ms (Java/Other) Memory Limit : 20000/10000K (Java/Other) ...
- OD调试篇5--如何应对OD使用中的一些问题
打开小甲鱼给的进行恶搞过的程序,会发现一些问题 发现程序直接暂停,或者加载进来有问题. 那机智的我 通过对上一个没有恶搞过的exe可执行文件的PE头进行了比较 会发现其中的猫腻 那么我们去正常的修改一 ...
- iOS支付
1.IOS purchase 介绍 所谓的IOS 内支付就是在应用中内嵌Store,在iOS APP 中使用Store Kit framework来实现In-App Purchase,Store Ki ...
- 神奇彩带KMP
描述 有两条彩带A,B,如果能制作出一条彩带,这条彩带既是彩带A的前缀,又是彩带B的后缀,称之为神奇彩带 草滩小王子想送一条最长的神奇彩带给拉面女神 给你两条彩带,你能找到最大的神奇彩带的长度是多少吗 ...