JS——浏览器对象（BOM）

最新推荐文章于 2022-05-18 01:11:08 发布

Hydra.

最新推荐文章于 2022-05-18 01:11:08 发布

阅读量317

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_40657585/article/details/101158312

版权

JS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

浏览器对象模型-BOM(Browser Of Model)

提供独立于内容而与浏览器窗口进行交互的对象。

浏览器对象模型

Window对象

open(url,name,info)
- url为要打开的资源的url，如果没指定url，打开一个空白窗口
- name是打开新窗口的名称
- info
  - _blank - URL加载到一个新的窗口，默认
  - _parent - URL加载到父框架
  - _self - URL替换当前页面
  - _top - URL替换任何可加载的框架集

事例

function openBaidu(){
	window.open("http://www.baidu.com","_self");
}

效果：打开百度首页，并且替换当前页面

alert()警示框
- alert("字符串")；
- alert(方法名);

事例

<input type="button" value="alert" onclick=alert("警示框弹出"); />

效果：弹出警示框

prompt()接受用户输入
- prompt的框带取消按钮
- var str = prompt(sr1,str2);//str1输入提示语，str2要接受的提示语

事例

输入字符串，直到输入STOP停止，其他的为红色，STOP为蓝色。

function testPro(){
	var str = prompt("请输入","");
	while(str!="STOP"){
		str = str.fontcolor("red");
		document.write(str+"<br />");
		str = prompt("请输入","");
	}
	str = str.fontcolor("blue");
	document.write(str);
}

效果

confirm()需要用户选择的，返回布尔类型，用户选择确定，返回true，否则返回false。

事例

function testConfirm(){
	var flg = confirm("确定要进去吗？");
	alert(flg);
}

效果：

setTimeOut(func,ms) 指定方法func在ms毫秒之后执行。
- func用""或''引起来，js中""和''的作用是一样的。
- func是先当字符串传进来，然后识别成方法，传进来的变量无法识别。可以考虑字符串拼接。

事例：

function testConfirm() {
	var flg = confirm("确定要进去吗？");
    setTimeout('alert('+flg+')', 5000);
}

效果：执行后，5s后弹出结果

clearTimeOut(id) 清除设置的timeout方法//setTimeOut的ElementId

事例：实现10s倒数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	
	</head>
	<body>
		<input type="text" id="mytxt" />
	</body>
	<script type="text/javascript">
			var item = document.getElementById("mytxt");
			var count = 1;
			function countDown(){
				item.value = count;
				count++;
				var cid = setTimeout("countDown()",1000);
				if(count<0){
					clearTimeout(cid);
					alert("10秒钟已到！");
				}
			}
			countDown();
		</script>
</html>

setInterval(func,ms) 指定每隔ms毫秒重复执行方法func，用法同上
clearInterval( ) 清除设置的 setInterval方法，用法同上

document的对象集合

getElementById( ) 通过id的值来获取元素引用
getElementsByName( ) 根据标签的name属性值来获取元素的集合
getElemtnsByTagName( ) 根据标签名获取元素的集合

innerHtml 与innerText

获取元素的开始标签和结束标签之间的文本，但是，innerHtml获取的内容包含可以Html标签以及纯文本，innerText只获取纯文本。

暂时就写怎么多吧。

Hydra.

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS——浏览器对象（BOM）

浏览器对象模型-BOM(Browser Of Model) 提供独立于内容而与浏览器窗口进行交互的对象。浏览器对象模型Window对象open(url,name,info) url为要打开的资源的url，如果没指定url，打开一个空白窗口 name是打开新窗口的名称 info _blank - URL加载到一个新的窗口，默认 _parent - ...
复制链接

扫一扫

专栏目录