<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function openAd() {
//打开新窗口
//window.open("大天使之剑.html","_blank");
window.open("大天使之剑.html", "_blank", "top=200,left=100,width=400,height=400,location=no,scrollbars=yes", true);
}
function move1() {
//在当前窗口大小的基础上改变(+ 增加)
window.resizeBy(100, -100);
}
function move2() {
//将当前窗口大小改变为指定宽高
window.resizeTo(100, 100);
}
function showConfirm() {
var isConfirm = window.confirm("你确定下载吗?");
if(isConfirm) {
window.open("大天使之剑.html", "_blank", "top=200,left=100,width=200,height=200,location=no,scrollbars=yes", true);
} else {
}
}
function showPrompt() {
var msg = window.prompt("请输入信息?", "默认值");
alert(msg);
}
var id;
function showAd() {
id = window.setInterval("openAd()", 1000);
}
function clearAd() {
window.clearInterval(id);
}
</script>
</head>
<!--
描述:BOM(Bowser Object Model) 浏览器对象模型
JS中封装了一些对象,用来操作浏览器。
Window : 用来表示一个浏览器窗口。(每次打开一个浏览器窗口,都会自动创建一个window对象)
属性: location / screen / history / document
方法:open(地址string,"_self/_blank/frame的名字 string,窗口特征string,是否替换boolean)
窗口特征:width ,height
window.open(
"大天使之剑.html",
"_blank",
"top=200,left=100,width=200,height=200,location=no,scrollbars=yes",
true);
window.alert(string);警告框
window.confirm();确认框 返回值为boolean 确定:true 取消:false
window.prompt(); 可输入的对话框 返回值为string 输入的信息
window.setTimeout("code",time);
window.setInterval("code",time);
window.clearInterval(id);
window.clearTimeout(id)
Location : 用来表示地址栏
属性:
方法:
Screen : 用来描述屏幕的信息
属性:分辨率
Histroy : 用来描述已经打开过的窗口
方法:回退
Document : 文档
-->
<body>
<a href="javascript:openAd()">超级烂片(超清AVI-1080p)</a><br />
<input type="button" οnclick="move1()" value="resizeBy" /><br />
<input type="button" οnclick="move2()" value="resizeTo" /><br />
<input type="button" οnclick="showConfirm()" value="确认框" />
<input type="button" οnclick="showPrompt()" value="输入框" />
<input type="button" οnclick="showAd()" value="弹出广告" />
<input type="button" οnclick="clearAd()" value="把广告给我停了" />
</body>
</html>
js bom
最新推荐文章于 2024-03-13 19:35:06 发布