`

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 onload="startTime()">
<div id="div1"></div> <br />

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






                @yinhuidasha.longyilu.tianhequ.guangzhoushi.guangdongsheng
分享到:
评论

相关推荐

    logger2js-1.0.6

    logger2js是用原生态javascript语言编写的web页面js日志&amp;调试工具箱 主要用于客户端脚本的分析和查错 工具提供了$alert函数来代替js固有的alert函数 除了能够指定字体颜色在控制台连续输出字符串信息以外 还...

    jfreechart1.0.6_pdf

    ### 使用JFreeChart 1.0.6进行报表图表开发详解 #### JFreeChart概述与功能 JFreeChart是一款开源的Java图表库,为开发者提供了丰富的图表制作功能,包括饼图(Pie Chart)、条形图(Bar Chart)、线图(Line ...

    ezmorph-1.0.6 jar包

    标题中的"ezmorph-1.0.6 jar包"指的是EZMorph库的一个特定版本,1.0.6。EZMorph是一个Java库,主要用于对象的动态转型和数据的格式化。在Java开发中,对象转型是常见的需求,EZMorph提供了一种简单和灵活的方式来...

    JFreeChart1.0.6 完全支持中文

    JFreeChart1.0.6 完全支持中文 我下载了很多JFreeChart (包括JFreeChart1.0.6 JFreeChart1.0.8 JFreeChart1.0.10 JFreeChart1.0.12) 的版本,重于发现了一个对中文支持非常好的,立即跟大家分享了!

    mujs-1.0.6_javascript树_javascript_bottomc5y_

    在标题"mujs-1.0.6_javascript树_javascript_bottomc5y_"中,“javascript树”可能是指MUJS引擎在处理JavaScript代码时所采用的数据结构——抽象语法树(Abstract Syntax Tree,AST),这是一种用于编译器和解释器的...

    webVideoCtrl.js 1.0.6-1.0.9-1.1.0.zip

    海康威视是全球领先的以视频为核心的物联网解决方案提供商,致力于不断提升视频处理技术和视频分析技术,面向全球提供领先的监控产品和技术解决...webVideoCtrl.1.0.6.js webVideoCtrl.1.0.9.js webVideoCtrl1.1.0.js

    jxls1.0.6的jar包.zip

    标题"jxls1.0.6的jar包.zip"明确指出这是一个包含jxls库的版本1.0.6的Java档案(JAR)文件,该文件被压缩成ZIP格式以方便下载和存储。描述部分同样重申了这个信息,没有提供额外的细节。 **关于jxls** jxls是一个...

    bzip2-1.0.6 源码

    bzip2 的版本号为 1.0.6,这表明我们正在讨论的是该软件的一个稳定版本。 在源码层面,bzip2 实现了Burrows-Wheeler变换(BWT)和霍夫曼编码(Huffman coding)等数据压缩技术。BWT 是一种基于字符排列的预处理方法...

    bzip2-1.0.6库文件

    **bzip2-1.0.6库文件详解** bzip2是一款开源的、无损的数据压缩工具,广泛应用于各种操作系统,包括Windows和Linux。它由Julian Seward开发,以其高效能和高压缩率而著称。1.0.6是bzip2的一个稳定版本,提供了对...

    jfreechart-1.0.6.jar

    jfreechart-1.0.6.jar

    ezmorph-1.0.6.jar

    《ezmorph-1.0.6.jar:Java对象变形库的深度解析》 在Java开发领域,ezmorph库是一款极具实用性的工具,主要用于对象的转换和变形。ezmorph-1.0.6.jar是该库的一个版本,它包含了ezmorph的核心功能,能够帮助开发者...

    qcloudsms-1.0.6.jar

    qcloudsms-1.0.6.jar

    天行输入法V1.0.6

    天行输入法V1.0.6

    PyPI 官网下载 | nba_history-1.0.6.tar.gz

    "nba_history-1.0.6.tar.gz"便是这样一个在PyPI上发布的资源,它是一个名为nba_history的Python库,版本号为1.0.6,以tar.gz的压缩格式提供下载。 nba_history库专注于获取和处理NBA历史数据,为Python开发者提供了...

    esp32-1.0.6.zip

    本离线下载包“esp32-1.0.6.zip”是针对ESP32芯片开发的Arduino框架的一个版本,适用于那些没有网络环境或者需要离线编程的用户。 Arduino是一种开源电子原型平台,它结合了硬件和软件,简化了电子产品的开发流程,...

    ezmorph-1.0.6.zip

    ezmorph-1.0.6.jar ezmorph是一个简单的java类库用于将一种对象转换成另外一种对象。ezmorph原先是Json-lib项目中的转换器。EZMorph支持原始数据类型(Primitive),对象(Object),多维数组转换与DynaBeans的转换...

    jfreechart-1.0.6-demo源码

    《深入解析JFreeChart 1.0.6-Demo源码》 JFreeChart是一款流行的开源Java图表库,它提供了一系列丰富的图表类型,包括折线图、柱状图、饼图、散点图等,广泛应用于数据分析、报表生成以及GUI应用的可视化展示。在...

    bzip2-1.0.6.tar.gz

    《深入解析bzip2-1.0.6.tar.gz:高效数据压缩的奥秘》 在信息技术领域,数据压缩是一项至关重要的技术,它能够有效地节省存储空间,加快数据传输速度。今天,我们将聚焦于一个经典的压缩工具——"bzip2-1.0.6.tar....

    HWFW_GUI1.0.6

    HWFW_GUI1.0.6 根据github源码编译而来,较之前的版本修复了很多BUG

    带宽调度器AppBand V1.0.6

    【带宽调度器AppBand V1.0.6】是一个专为优化网络连接速度而设计的应用程序,旨在帮助用户更有效地管理和控制他们的网络带宽资源。这款软件的主要目标是通过智能调度策略,确保用户在上网时能获得更流畅、更快速的...

Global site tag (gtag.js) - Google Analytics