dom04location对象,定时跳转及其它三个对象

news/2024/7/7 9:39:25

location地址栏对象
window.location(地址,对应的是浏览器的地址栏)。
location.href=”网页地址/电子邮件等”;
console.log(window.location.hash);//锚点,一般用于做单页面应用时比较常用。
console.log(window.location.host);//主机:主机名+端口号
console.log(window.location.hostname);//主机名
console.log(window.location.pathname);//路径名
console.log(window.location.port);//端口
console.log(window.location.protocol);//协议
console.log(window.location.search);//一些参数,一般用于跟后台交互时使用,
搜索时通过地址栏给后台传入参数,后台根据参数返回,参数在地址栏中wd中,是在s?文件中(?后边表示需要获取的参数)

定时跳转:
提示:(倒计时,定时跳转
1先获取事件2间歇定时器3设置跳转内部文本innerHTML,4秒数不能写死num,
5判断num为0清除定时器6跳转location.href=skip.href;)

var timer=null;
var skip=document.getElementById('skip');
var num=5;
timer=setInterval(function () {//添加间歇定时器
        num--;
        skip.innerHTML="注册成功,本页面将在"+ num +"秒后自动跳转";//秒数不能写死
        if (num===0) {
            clearInterval(timer);//清除定时器
            location.href=skip.href;
        };

    },1000);

其它三个对象:
navigator对象:
常用属性navigator.userAgent(用户代理):可以获取客户端的一些信息,代理检测。
history对象:history.forward();前进history.back();后退或者用history.go(-1或者1);(0是当前页面-1是历史页面,1是前进页面)
screen.width;屏幕的宽度
screen.height;屏幕的高度
screen.availwidth;可用宽度
screen.availheight;可用高度


http://www.niftyadmin.cn/n/4828068.html

相关文章

暑期留校之iOS学习笔记之视图控制器(UI)

2015.8.18 <pre name"code" class"objc">//首先要导入头文件 #import "AppDelegate.h" #import "RootViewController.h"interface AppDelegate ()endimplementation AppDelegate- (BOOL)application:(UIApplication *)applicati…

dom04 移动盒子案例

移动盒子案例 鼠标经过长图往上走&#xff0c;鼠标经过长图往下走 <script>var timernull;var y0;//用变量记录top的初始值var picdocument.getElementById(pic);var goUpdocument.getElementById(goUp);var goDowndocument.getElementById(goDown);goUp.onmouseoverfu…

白驹过隙之大一总结

时间过得可真快&#xff0c;刚刚进入大学一幕幕还没退却&#xff0c;我已经度过了一年的大学生活了简单的谈谈我的大一都经历了哪些“小事”。 刚进入大学就是各种的 军训&#xff0c;教官很好&#xff0c;经常让我们休息&#xff0c;齐步走&#xff0c;踢正步&#xff0c;站…

包装类、object、单例模式、final、抽象类

/*包装类*/ /* byte Byte short Short int Integer long Long char Character float Float double Double boolean Boolean 基本数据和其包装类:作为成员变量时的默认初始值的差异: int -- Integer 0 null */ class WrapDemo { public s…

白驹过隙之大一总结第二话

话说母教义工吧&#xff0c;参加这个社团&#xff0c;完全因为初衷想报答社会&#xff0c;为社会增加正能量&#xff0c;一听是义工再加上是同班同学推荐拉进的&#xff0c;一想可能不错有好有个伴&#xff0c;后来发现&#xff0c;原来母教才是重点&#xff0c;第一次开会就懂…

dom04 日期对象常用方法

日期对象&#xff1a; //通过构造函数创建日期对象 var datenew Date();//创建日期对象&#xff0c;数据类型为对象 console.log(date.toString());//可以把日期对象转换成字符串的形式。 console.log(date.valueOf());//可以把日期对象转换成数值的形式 13位的数字。 //1…

LeetCode - 43. Multiply Strings

43. Multiply Strings Problems Link ---------------------------------------------------------------------------- Mean: 给定两个字符串&#xff0c;计算这两个字符串相乘的结果. analyse: 模拟大数乘法. Time complexity: O(N) view code /*** -----------------…

iOS text文本框编辑过程中的遇到的问题以及解决

//初始化textfield并设置位置及大小 UITextField *text [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)]; //设置边框样式&#xff0c;只有设置了才会显示边框样式 text.borderStyle UITextBorderStyleRoundedRect; typedef enum { UITextBorderStyleNone…