05JavaScript之框架标签（frame）、iframe（公用页面，引入）、window（window内close和open方法）、定时器

本文链接：https://blog.youkuaiyun.com/Denial_learn/article/details/100586055

框架标签：

框架标签的作用：

可以把页面分割几个部分。
引入其他页面，到本页面。

可以把页面进行分割（不能和body一块使用，把body删除）row分割上下， cols分割左右
引入其他的页面，进入到本页面。--- 最大的缺点就是不能和body一块使用

示例：

   frameset 标签不能喝body一起出现
   	rows属性表示页面能切割多少行
   			rows属性当中，使用逗号进行分割，逗号的前后数据就表示切割的每一行的高度
    <frameset rows="20%,*,20%">
    		页面被切割成几部分，就需要几个frame标签书写在frameset里面
    		frame标签都有一个src属性，可以去引入别的页面
    		<frame />
    		如果某一个位置需要再进一步的进行分割，就把这个frame标签替换成frameset标签
    		<frameset cols="20%,*,20%">
    			<frame />
    			<frame />
    			<frame />
    		</frameset>
    		<frame />
    	</frameset>

iframe
也是一个框架标签，目的也是在一个页面中去引入其他的页面到本页面。
可以和其他的html的代码一起去书写。可以和body体一块使用

这个我在网上找的有一个现成的可以将别的页面引进来，并且取出所有的样式没有边框等等。
如：使用的时候，仅仅将src里面的内容替换了就可以。如果有别的话，请留意，一起交流

<iframe  marginwidth="0" marginheight="0" style="margin: 5px; padding: 0;" frameborder="0" scrolling="no" src="loginheader.html" height="auto" width="100%"></iframe>

Window：

所有浏览器都支持 window 对象。它表示浏览器窗口。
window是js中的顶层对象。
所有 JavaScript 全局对象、函数以及变量均自动成为 window对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
框架标签内也有一个window对象。
甚至 HTML DOM 的 document 也是 window 对象的属性之一

里面有一个常用的方法：

onfrim（）方法，用于显示一个带有指定消息和曲儿消息以及及时取消按钮的对话框
如果点击确认的话，将会返回一个true，否则返回一个false

示例：

function demo(){
	var res = window.confirm("你确认下单么？")
	if(res){
		alert("点击了确认")
	}else{
		alert("点击了取消")
	}
}

window内close和open方法：

close（）和open（）：关闭浏览器、打开浏览器
注意：

打开的是谁，就在谁里面关闭
不支持当前关闭，支持open之后的关闭
具体情况根据不同的浏览器

close（）关闭浏览器窗口
open（）打开一个新的浏览器窗口或查看一个已命名的窗口

示例：

function dome(){
	window.open("www.index");//这里面填写的是一个要打开的一个网址
}



  function demo1(){
	window.close();//关闭打开的页面（但不支持直接关闭，需要open打开后，再close关闭）
}

定时器：

setInterval（）按照指定的周期（单位毫秒）来调用函数或者计算表达式
setTimeout（）在指定的毫秒数后调用函数或者计算表达式（只执行一次）

clearInterval（）取消由setInterval（）设置的timeout
clearTimeout（）取消由 setTimeout（）设置的timeout

示例：

<script type="text/javascript">
		// 周期的去执行一段代码。 第一个参数：表示要执行的代码或者，第二个参数：时间间隔。单位是毫秒
		//每一秒向span标签内去添加新的内容--新的日期
		// 返回值表示的是，当前循环执行的一个标识
		// 如果一个变量，没有定义到任何的方法或者对象内，表示的是一个全局的对象。
		var interval_id = window.setInterval("_setTime()", 1000);
		window.onload = function(){
			//一、把日期写入到--span里面去
			// 1、得到span标签
			var _time = document.getElementById("_time");
			var date = new Date();
			// 2、标签有一个innerHTML的属性。 表示从开始标签到结束标签内的所有内容
			_time.innerHTML= date.toLocaleString();
		} 
		function _setTime(){
			//一、把日期写入到--span里面去
			// 1、得到span标签
			var _time = document.getElementById("_time");
			var date = new Date();
			// 2、标签有一个innerHTML的属性。 表示从开始标签到结束标签内的所有内容
			_time.innerHTML= date.toLocaleString();
		}
		
		function _stopTime(){
			window.clearInterval(interval_id);//取消周期的去执行
		}
		
		function _startTime(){
		//  var interval_id = window.setInterval("_setTime()", 1000) 此时interval_id是一个局部变量
			interval_id = window.setInterval("_setTime()", 1000);
		}

   <span id="_time"></span>
   <input type="button" value="时间暂停" onclick="_stopTime()">
    <input type="button" value="时间停止" onclick="_startTime()">

示例：
倒计时：

var time1 = 100;
window.setInterval(
		function(){
			document.getElementById("aa").innerHTML = time1;
			time1--;
		},1000
	)
<p id="aa">100</p>

注意一点：获取标签内部的内容是通过innterHTML方法