1.0.6 js window对象(window,location,screen,history,popupAlert,timing,cookie)

2024-04-10 20:48
文章标签 对象 js window 1.0 cookie history screen location timing popupalert

本文主要是介绍1.0.6 js window对象(window,location,screen,history,popupAlert,timing,cookie)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<!DOCTYPE html>
<html encoding="gbk">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"></meta>
<script>
//js widnow对象
function windowMethod(){
//该例显示浏览器窗口的高度和宽度：（不包括工具栏/滚动条）
var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
alert('屏幕的宽:' + w + ' 屏幕的高：' + h );
var str= 'window.innerWidth=' + window.innerWidth + ' ; window.innerHeight='+ window.innerHeight + '<br />' +
'document.documentElement.clientWidth=' + document.documentElement.clientWidth + ' ; document.documentElement.clientHeight='+ document.documentElement.clientHeight + '<br />' +
'document.body.clientWidth=' + document.body.clientWidth + ' ; document.body.clientHeight='+ document.body.clientHeight + '<br />' ;

//document.getElementById('div1').innerHTML=str;
}


//js screen
function screenMethod(){
/*
screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。
screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。
返回屏幕的可用宽度和高度(注意：可用宽度和可用高度不会随着窗口的变化而变化，即该值是固定的)
*/
alert( '屏幕的可用宽度：'+screen.availWidth + ' --屏幕的可用高度：' + screen.availHeight);

}

//JS Location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

function locationMethod(){
//返回 web 主机的域名
var hostName=location.hostname; //
//返回当前页面的路径和文件名
var pathName=location.pathname;
//返回 web 主机的端口
var port=location.port;
//返回所使用的 web 协议（http:// 或 https://）
var protocol=location.protocol;
//当前页面的 URL
var url=location.href;

/*
alert(hostName + '\n' +
pathName+ '\n' +
port+ '\n' +
protocol+ '\n' +
url+ '\n' );

*/
//通过assign()方法加载新的文档
//location.assign("http://www.w3school.com.cn");
location.assign("demo61.html");
}


//JS History 对象包含浏览器的历史。
function historyMethod(){
//后退按钮 history.back() 方法加载历史列表中的前一个 URL。
//window.history.back();

//前进按钮 history forward() 方法加载历史列表中的下一个 URL
window.history.forward();

}

//window.navigator 对象包含有关访问者浏览器的信息。
function navigatorMethod(){
var codeName=navigator.appCodeName;
var appName=navigator.appName;
var cookieEnabled=navigator.cookieEnabled;
var platform=navigator.platform;
var userAgent=navigator.userAgent;
var language=navigator.systemLanguage;

alert('codeName='+ codeName +'\n' +
'appName='+ appName +'\n' +
'cookieEnabled='+ cookieEnabled +'\n' +
'platform='+ platform +'\n' +
'userAgent='+ userAgent +'\n' +
'language='+ language);

}


//可创建三种消息框： 警告框，确认框，提示框

function popupAlert(){
//警告框用 alert()
//alert("警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下警告你一下");

//确认框
/*
var r=confirm("Plaer a button!");
if(r ==true){
alert("You pressed OK!");
}else{
alert("You pressed Cancel!");
}
*/

//提示框
//语法 prompt("文本","默认值")
var name=prompt("请输入你的名字：" , "Bill Gates");
if(name !=null && name !=""){
alert("你输入的文字是: "+ name);
}else{
alert("请输入文字！");
}

}

//计时
function timing1(){
var t=setTimeout("alert('5秒后弹出!')",5000);
}

var c=0;
var t;

//开始计时
function startTime(){
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout('startTime()',1000);
}

//停止计时
function endTime(){
clearTimeout(t);
}


//JS Cookies
function cookieMethod(){
var username=getCookie("username");
if(username !=null && username !=""){
alert("Welcome again "+ username);
}else{
username=prompt("Please enter your name:", "");
if(username !=null && username !=""){
setCookie('username',username,365);
}
}

}

//设置cookie

function setCookie(c_name,value,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate() + expiredays);
//document.cookie=escape(c_name) + "=" + escape(value) + ";expires="+exdate.toGMTString());
document.cookie = escape(c_name) + '=' + escape(value) +';expires=' + exdate.toGMTString();
}


//获取cookie

function getCookie(c_name){
var showAllCookie = '';
if(!document.cookie == ''){
var arrCookie = document.cookie.split('; ');
//用spilt('; ')切割所有cookie保存在数组arrCookie中
document.getElementById('div1').innerHTML='arrCookie='+arrCookie + ' Cookie='+document.cookie + ' arrCookie.length='+arrCookie.length;
var arrLength = arrCookie.length;
for(var i=0; i<arrLength; i++) {
showAllCookie += 'name:' + unescape(arrCookie[i].split('=')[0]) + ' value:' + unescape(arrCookie[i].split('=')[1]) + '<br>';
}
}
return showAllCookie;

}


//删除Cookie
function deleCookieMethod(){
if(document.cookie != '' && confirm('你想清理所有cookie吗？')) {
var arrCookie = document.cookie.split(';');
var arrLength = arrCookie.length;
var expireDate = new Date();
expireDate.setDate(expireDate.getDate()-1);
for(var i=0; i<arrLength; i++) {
var str = arrCookie[i].split('=')[0];
document.cookie = str+ '=' + ';expires=' + expireDate.toGMTString();
}
}
}

</script>
</head>

<body οnlοad="startTime()">
<div id="div1"></div> <br />

<p>
<input type="button" value="开始计时" οnclick="startTime()"/>
<input type="text" id="txt">
<input type="button" value="停止计时" οnclick="endTime()"/>
</p>
<button οnclick="windowMethod()">JS Window对象</button>
<button οnclick="window.open();">打开新窗口</button>
<button οnclick="window.close();">关闭窗口</button>
<button οnclick="screenMethod()">JS Screen</button>
<button οnclick="locationMethod()">JS Location</button>
<button οnclick="historyMethod()">JS History</button>
<button οnclick="navigatorMethod()">JS Navigator</button>
<button οnclick="popupAlert()">JS popupAlert</button>
<button οnclick="timing1()">JS timing</button>
<button οnclick="cookieMethod()">JS Cookies</button>
<button οnclick="deleCookieMethod()">JS Delete Cookies</button>
</body>
</html>


@yinhuidasha.longyilu.tianhequ.guangzhoushi.guangdongsheng

这篇关于1.0.6 js window对象(window,location,screen,history,popupAlert,timing,cookie)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/892112。

相关文章

前端原生js实现拖拽排课效果实例

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》：本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2
阅读更多...
JS 实现复制到剪贴板的几种方式小结

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点：缺点：
阅读更多...
Python实现文件下载、Cookie以及重定向的方法代码

Python实现文件下载、Cookie以及重定向的方法代码

《Python实现文件下载、Cookie以及重定向的方法代码》本文主要介绍了如何使用Python的requests模块进行网络请求操作,涵盖了从文件下载、Cookie处理到重定向与历史请求等多个方面,... 目录前言一、下载网络文件（一）基本步骤（二）分段下载大文件（三）常见问题二、requests模块处理
阅读更多...
JSON字符串转成java的Map对象详细步骤

JSON字符串转成java的Map对象详细步骤

《JSON字符串转成java的Map对象详细步骤》：本文主要介绍如何将JSON字符串转换为Java对象的步骤,包括定义Element类、使用Jackson库解析JSON和添加依赖,文中通过代码介绍... 目录步骤 1: 定义 Element 类步骤 2: 使用 Jackson 库解析 jsON步骤 3: 添
阅读更多...
Window Server创建2台服务器的故障转移群集的图文教程

Window Server创建2台服务器的故障转移群集的图文教程

《WindowServer创建2台服务器的故障转移群集的图文教程》本文主要介绍了在WindowsServer系统上创建一个包含两台成员服务器的故障转移群集,文中通过图文示例介绍的非常详细,对大家的... 目录一、 准备条件二、在ServerB安装故障转移群集三、在ServerC安装故障转移群集，操作与Ser
阅读更多...
Window Server2016加入AD域的方法步骤

Window Server2016加入AD域的方法步骤

《WindowServer2016加入AD域的方法步骤》：本文主要介绍WindowServer2016加入AD域的方法步骤,包括配置DNS、检测ping通、更改计算机域、输入账号密码、重启服务... 目录一、 准备条件二、配置ServerB加入ServerA的AD域（test.ly）三、查看加入AD域后的变
阅读更多...
Window Server2016 AD域的创建的方法步骤

Window Server2016 AD域的创建的方法步骤

《WindowServer2016AD域的创建的方法步骤》本文主要介绍了WindowServer2016AD域的创建的方法步骤,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录一、准备条件二、在ServerA服务器中常见AD域管理器：三、创建AD域，域地址为“test.ly”
阅读更多...
Spring常见错误之Web嵌套对象校验失效解决办法

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》：本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时，我们会提供了一个 API 接口去
阅读更多...
Java后端接口中提取请求头中的Cookie和Token的方法

Java后端接口中提取请求头中的Cookie和Token的方法

《Java后端接口中提取请求头中的Cookie和Token的方法》在现代Web开发中,HTTP请求头（Header）是客户端与服务器之间传递信息的重要方式之一,本文将详细介绍如何在Java后端（以Sp... 目录引言1. 背景1.1 什么是 HTTP 请求头？1.2 为什么需要提取请求头？2. 使用 Spr
阅读更多...
Java如何通过反射机制获取数据类对象的属性及方法

Java如何通过反射机制获取数据类对象的属性及方法

《Java如何通过反射机制获取数据类对象的属性及方法》文章介绍了如何使用Java反射机制获取类对象的所有属性及其对应的get、set方法,以及如何通过反射机制实现类对象的实例化,感兴趣的朋友跟随小编一... 目录一、通过反射机制获取类对象的所有属性以及相应的get、set方法1.遍历类对象的所有属性2.获取
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2