js交互窗口

<script>
/*
	window对象方法
	alert()、confirm()、prompt()			人机交互的接口，供用户与浏览器窗口双向信息交流
	close()								关闭窗口
	focus()、blur()						请求或放弃窗口的键盘焦点。focus()方法还通过把窗口提到堆栈顺序的最前面，从而确保窗口可见
	moveBy()、moveTo()					移动窗口
	open()								打开新的顶级窗口
	print()								打印窗口内容
	resizeBy()、resizeTo()				调整窗口内容
	scrollBy()、scrollTo()				滚动窗口中显示的文档
	setInterval()、clearInterval()		设置或者取消重复调用的函数该函数在两次调用之间有指定的延迟
	setTimeout()、clearTimeout()			设置或取消在指定的若干毫秒后要调用一次的函数
*/

//设计人机交互窗口
/*
	alert()			弹出提示信息，包含一个可选的提示信息参数，如果没有指定参数，则弹出一个空的对话框。
	confirm()		简单的提示对话框，由浏览器向用户弹出提示性信息，不过该方法弹出的对话框中包含两个按钮，分别是“确定”和“取消”
					如果单击确定按钮，则方法返回true，单击取消按钮，返回false。confirm()对象方法包含一个可选的提示信息，如果
					没有指定参数，则弹出一个空的对话框。
	prompt()		弹出提示对话框，可以接受用户输入的信息，并把用户输入的信息返回。prompt()方法包含一个可选的提示信息参数，如果没有
					指定参数，则弹出一个没有提示信息输入。
	这三个方法接收的信息为纯文本的字符串，而不是HTML格式的文本。用户只能使用空格、换行符和各种符号来格式化提示对话框中显示文本。
*/

var user = prompt("请输入你的用户名：");
if (!!user){								//把输入信息转换成布尔值
	var ok = confirm("你输入的用户名为：\n" + user + "\n请确认。");
	if (ok) {								//输入信息确认
		alert("欢迎你：\n" + user);	
	}
	else {
		user = prompt("请重新输入你的用户名:");
		alert("欢迎你：\n" + user);	
	}
}	
else {										//提示重新输入
	user = prompt("请输入你的用户名：");
}

</script>

<script>
/*
	也可以扩展这些方法，通过方法重写，并通过DHTML方式，在客户端输出一个HTML片段，然后使用CSS修饰对话框的显示样式。
*/

window.alert = function(title, info){
		document.write('<dl id="alert"><dt>' + title + '</dt><dd>' + info + '</dd></dl>');
	};
alert("提示信息", "1+1=?");
/*
	这些人机交互方法都能够中止当前程序代码运行，知道人机交互完成才能继续执行下一步的操作。
	如果当前正在装在文档，也会停止装载，直到用户按要求完成响应为止。

*/
</script>

<script>
/*
	Navigator对象中包含了浏览器的基本信息（名称、版本和系统等）
	appName		web浏览器的名称
	appVersion	浏览器的版本号和其他版本信息。
	userAgent	浏览器在它的USER-AGEN HTTP标题中发送的字符串，该属性常包含appName和appVersion属性的所有信息
	appCodeName	浏览器的代码名
	platform	客户浏览器所在的操作系统
*/

//检测浏览器的类型
var ua = navigator.userAgent.toLowerCase();		//获取客户端信息
document.write(navigator.userAgent);
//Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:64.0) Gecko/20100101 Firefox/64.0
var info = {
	ie : /msie/.test(ua)&&!/opera/.test(ua),	//匹配IE浏览器
	op : /opera/.test(ua),						//匹配Opera浏览器
	sa : /version.*safari/.test(ua),			//匹配Safari浏览器
	ch : /chrome/.test(ua),						//匹配Chrome浏览器
	ff : /gecko/.test(ua)&&!/webkit/.test(ua)	//匹配FireFox浏览器	
};
(info.ie)&&alert("IE浏览器");
(info.op)&&alert("Opera浏览器");
(info.sa)&&alert("Safari浏览器");
(info.ch)&&alert("Chrome浏览器");
(info.ff)&&alert("FireFox浏览器");

//检测火狐浏览器的版本
function getFFVer(){
	var ua = navigator.userAgent;
	var b = ua.indexOf("Firefox/");
	if (b < 0){
		return 0;
	}	
	return parseFloat(ua.substring(b + 8, ua.lastIndexOf("\.")));
}

alert(getFFVer());
</script>

猜你喜欢