js中window对象、时间函数、history对象、location对象、dom对象

最新推荐文章于 2021-12-01 13:25:43 发布

qm_qzm

最新推荐文章于 2021-12-01 13:25:43 发布

阅读量340

点赞数

本文链接：https://blog.csdn.net/qm_qzm/article/details/90743831

版权

Window对象
1）系统对话框
浏览器通过（实际是 window 对象的方法）alert()、confirm()、prompt()方法可以调用对话框向用户显示消息。
（1）消息框:alert，常用。
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
（2）输入框:prompt，返回提示框中的值。
prompt() 方法用于显示可提示用户进行输入的对话框。
参数（可选）：
第一个参数：要在对话框中显示的纯文本。
第二个参数：默认的输入文本。
（3）确认框:confirm，返回 true/false.
confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
2）打开窗口
window.open()方法既可以导航到一个特定的 URL 也可以用来打开一个新的窗口
_self、_parent、_top、_blank
3）关闭窗口
window.close()：关闭窗口。
只能关闭被open打开的窗口

														/**
														 * 打开弹出框
														 */
														function openAlert() {
															window.alert("这是弹出框");
															console.log("。。。");
														}
														
														/**
														 * 输入框
														 */
														function openpPrompt() {
															var name = window.prompt("请输入用户名：","");
															alert("输入的值为：" + name);
														}
														
														/**
														 * 确认框
														 */
														function openCinfirm() {
															var flag = window.confirm("您确认要删除这条记录吗？");
															if (flag) {
																alert("删除成功...");
															} else {
																alert("没事儿别瞎点。。。");
															}
														}
														/*window.open()方法*/
														function openPage () {
															//window.open();// 打开新的空白页(新开的)
															// window.open("http://www.baidu.com");
															// window.open("http://www.baidu.com",'_self');
															// window.open("index.html");
															window.open("01-window对象.html","_self");
														}	
														/**
														 * 关闭当前页面
														 */
														function closePage () {
															window.close(); // Scripts may close only the windows that were opened by it.
														}

时间函数
setTimeout() : 在指定的毫秒数后调用函数或计算表达式。通过返回的标识也可以
cliearTimeout(id) 来清除指定函数的执行
在 times 毫秒后执行 function 指定的方法，执行之前也可以取消
setInterval():可按照指定的周期（以毫秒计）来调用函数或计算表达式，也可根据
返回的标识用来结束。该方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

																		    function openBaidu(){
																		    			alert("3秒钟跳转到百度...");
																		    			setTimeout(function(){
																		    				// 打开到百度
																		    				window.open("http://www.baidu.com");
																		    			},3000);
																		    		}
																		    		
																		    		//var id = setTimeout(test,1000);
																		    		
																		    		function test() {
																		    			console.log("。。。");
																		    			id = setTimeout(test,1000);
																		    		}
																		    		
																		    		/**
																		    		 * 停止函数
																		    		 */
																		    		function stopPrint() {
																		    			clearTimeout(id);
																		    		}
																		    		
																		    		
																		    		/*每隔几秒打印一次*/
																		    		var id2 = setInterval(function(){
																		    			console.log("正在打印...");
																		    		},1000);
																		    		
																		    		clearInterval(id2);

history 对象的属性：length，返回浏览器历史列表中的 URL 数量。
history 对象的方法：
back()：加载 history 列表中的前一个 URL。
forward()：加载历史列表中的下一个 URL。当页面第一次访问时，还没有下一个 url。
go(number|URL): URL 参数使用的是要访问的 URL。而 number 参数使用的是要访
问的 URL 在 History 的 URL 列表中的相对位置。go(-1)，到上一个页面
location 对象的属性 href：设置或返回完整的 URL
location 对象的方法
reload()：重新加载当前文档。
replace()：用新的文档替换当前文档。

							    // 得到当前的url
							    		var url = window.location.href;
							    		console.log(url);
							    		
							    		// 跳转到指定页面
							    		//window.location.href = "03-history对象.html";
							    		// window.location.href = "http://www.baidu.com";
							    		
							    		function reload1() {
							    			// 刷新页面
							    			//window.location.reload();
							    			// 用指定页面替换当前页面
							    			window.location.replace("http://www.baidu.com");

DOM对象：

														    <body>
														    		<h2>Document</h2>
														    		<form action="http://www.baidu.com">
														    			姓名：<input type="text" id="uname" /><br />
														    			密码：<input type="password" id="upwd" /><br />
														    			<button>登录</button>
														    		</form>
														    		
														    	</body>
														    	<script type="text/javascript">
														    		console.log(document.body);
														    		
														    		// 向浏览器窗口写数据
														    		document.write("Hello");
														    		
														    		// 设置cookie
														    		document.cookie = "zhangsan-123456";
														    		
														    		var cook = document.cookie;
														    		console.log(cook);
														    		
														    		// 分隔字符串
														    		var user = cook.split("-");
														    		
														    		// 给表单元素赋值  value
														    		document.getElementById("uname").value=user[0];
														    		document.getElementById("upwd").value=user[1];
														    	</script>

qm_qzm

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js中window对象、时间函数、history对象、location对象、dom对象

Window对象1）系统对话框浏览器通过（实际是 window 对象的方法）alert()、confirm()、prompt()方法可以调用对话框向用户显示消息。（1）消息框:alert，常用。alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。（2）输入框:prompt，返回提示框中的值。prompt() 方法用于显示可提示用户进行输入的对话框。参数（可选）：...
复制链接

扫一扫