
一、JS高手呢,获取历史网址
你的问题涉及到 Same Origin Policy(同源策略),这是一个关系到隐私和安全性的问题。任何浏览器都不会给你机会让你访问 异域 历史网址。
但是,如果这三个页面在同一域名下,你可以使用 Javascript 的 documentcookie 来记录每次访问的网址。
我写的例子需要4个文件,url_historyjs,1,2,3(三个 文件内容相同),代码写在空间(hibaidu/keneks/item/50699e21f9300d0c72863e4d)
复制粘贴,将 url_historyjs 和其它三个 文件放在一起,访问任何一个页面,点击任何链接,上面会自动显示曾经访问过的页面。
历史网址以 array 形式保存在 url_history 变量中,所以 url_history[0] 为上一个,url_history[1] 为上上一个,以此类推。
二、js如何获取前两页的url
<script> var backurl=documentreferrer; alert(backurl);</script>;但是有的浏览器不支持的,如果是同个域名下通过此方式跳转的,那么我们可以通过访问windowwopener对象去获取丢失的referrer信息。
代码如下:<script type=text/javascript> var referrer = documentreferrer; if (!referrer) { try { if (windowopener) { // IE下如果跨域则抛出权限异常 // Safari和Chrome下windowopenerlocation没有任何属性 referrer = windowopenerlocationhref; } } catch (e) {} }</script>;你的q号,我一会远程助你。
三、如何使用js获取修改URL使用js对当前的URL进行 *** 作,可以使用内置对象windowlocation;windowlocation有以下属性:windowlocationhref:取得当前地址栏中的完整URL,可以通过赋值改变当前地址栏中的URL;windowlocationsearch 取得当前URL的参数部分,即“?”后面的部分(包括问号),可以通过赋值改变URL的参数部分;windowlocationhash:取得当前URL中包含的锚记,即“#”后面的部分(包括#),可以通过赋值改变URL的锚记部分;windowlocationhost:取得当前URL中的主机信息,包括端口号,可以通过赋值改变主机信息;windowlocationhostname:取得当前URL中的域名部分,不包括端口号,可以通过赋值改变域名;windowlocationport:取得当前URL中的端口号,可以通过赋值改变端口号;windowlocationpathname:取得当前URL中的路径信息,即域名与参数之间的部分,可以通过赋值改变当前URL的路径;windowlocationprotocol:取得当前URL的协议部分,比如:,:等,可以通过赋值改变URL的协议部分;windowlocation有一下方法:windowlocationreplace(url):用传入的URL字符串替代当前的URL,该方法会将历史记录中的URL一并替换掉,也就是说,这个方法会覆盖之前的历史记录;windowlocationreload():重新加载当前URL,相当于刷新;windowlocationassign(url):加载传入的URL,该方法不会覆盖之前的历史记录;。
四、JS获取几种URL地址的方法下面为使用JS获取MAC地址、IP地址及主机名的方法:复制代码代码如下:<meta -equiv="Content-Type" content="text/; charset=gbk"><body> 。
五、js中如何获取前一个页面的url获取的方法如下:
1、设置或获取整个 URL 为字符串: windowlocationhref
2、设置或获取与 URL 关联的端口号码: windowlocationport
3、设置或获取 URL 的协议部分 windowlocationprotocol
4、设置或获取 href 属性中跟在问号后面的部分 windowlocationsearch
5、获取变量的值(截取等号后面的部分)
6、设置或获取 URL 的协议部分: windowlocationprotocol
7、设置或获取 href 属性中在井号“#”后面的分段: windowlocationhash
8、设置或获取 location 或 URL 的 hostname 和 port 号码: windowlocationhost
六、如何使用js获取修改URL使用js对当前的URL进行 *** 作,可以使用内置对象windowlocation;
windowlocation有以下属性:
windowlocationhref:取得当前地址栏中的完整URL,可以通过赋值改变当前地址栏中的URL;
windowlocationsearch 取得当前URL的参数部分,即“?”后面的部分(包括问号),可以通过赋值改变URL的参数部分;
windowlocationhash:取得当前URL中包含的锚记,即“#”后面的部分(包括#),可以通过赋值改变URL的锚记部分;
windowlocationhost:取得当前URL中的主机信息,包括端口号,可以通过赋值改变主机信息;
windowlocationhostname:取得当前URL中的域名部分,不包括端口号,可以通过赋值改变域名;
windowlocationport:取得当前URL中的端口号,可以通过赋值改变端口号;
windowlocationpathname:取得当前URL中的路径信息,即域名与参数之间的部分,可以通过赋值改变当前URL的路径;
windowlocationprotocol:取得当前URL的协议部分,比如:,:等,可以通过赋值改变URL的协议部分;
windowlocation有一下方法:
windowlocationreplace(url):用传入的URL字符串替代当前的URL,该方法会将历史记录中的URL一并替换掉,也就是说,这个方法会覆盖之前的历史记录;
windowlocationreload():重新加载当前URL,相当于刷新;
windowlocationassign(url):加载传入的URL,该方法不会覆盖之前的历史记录;
1、js中获取当前屏幕宽度方法如下:
网页可见区域宽: documentbodyclientWidth
网页可见区域高: documentbodyclientHeight
网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)
网页可见区域高: documentbodyoffsetHeight (包括边线的高)
网页正文全文宽: documentbodyscrollWidth
网页正文全文高: documentbodyscrollHeight
网页被卷去的高: documentbodyscrollTop
网页被卷去的左: documentbodyscrollLeft
网页正文部分上: windowscreenTop
网页正文部分左: windowscreenLeft
屏幕分辨率的高: windowscreenheight
屏幕分辨率的宽: windowscreenwidth
屏幕可用工作区高度: windowscreenavailHeight
屏幕可用工作区宽度: windowscreenavailWidth
2、js简介
js,是JavaScript的缩写,是一种直译式脚本语言,一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
avaScript是的源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差,而且在JavaScript中,如果一条运行不了,那么下面的语言也无法运行。
JQuery获取:
consolelog($(window)width()); //浏览器当前窗口可视区域宽度
consolelog($(window)height()); //浏览器当前窗口可视区域高度
consolelog($(document)width());//浏览器当前窗口文档对象宽度
consolelog($(document)height()); //浏览器当前窗口文档的高度
consolelog($(documentbody)width());//浏览器当前窗口文档body的宽度
consolelog($(documentbody)height());//浏览器当前窗口文档body的高度
consolelog($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
consolelog($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
JS获取:
窗口可视区域宽度 : documentdocumentElementclientWidth || documentbodyclientWidth;
窗口可视区域高度 : documentdocumentElementclientHeight || documentbodyclientHeight;
窗口可视区域宽度+边线和滚动条 : documentbodyoffsetWidth ;
窗口可视区域高度+边线和滚动条 : documentbodyoffsetHeight ;
实际内容的宽度 : documentbodyscrollWidth;
实际内容的高度 : documentbodyscrollHeight;
滚动条下拉被卷起来的距离 :documentdocumentElementscrollTop || windowpageYOffset || documentbodyscrollTop;
滚动条侧拉被卷起来的距离 :documentbodyscrollLeft || documentdocumentElementscrollLeft ;
网页正文部分上 :windowscreenTop;
网页正文部分左 :windowscreenLeft;
元素的宽度 :objoffsetWidth;
元素的高度 :objoffsetHeight;
相对于父元素的上位移 :objoffsetTop;(在元素的包含元素不含滚动条的情况下)
相对于父元素的左位移 :objoffsetLeft;(在元素的包含元素不含滚动条的情况下)
var checkSystem = function () {
var uaMap = {
'android': /Android/i,
'ios': /(:iPhone|iPad)/i
};
var ua = windownavigatoruserAgent;
for (var i in uaMap) {
if (uaMap[i]test(ua)) {
return i;
}
}
return null;
};
然后直接用
checkSystem() == 'ios'和
checkSystem() == 'android'判断。
或者直接这样
documentbodyclassName = checkSystem();这样body上就有系统的class了。
控制CSS就能控制如何显示了。
最近在做一个移动端的项目,项目出现的一大堆兼容问题是在让我头疼,其中就包括获取 当前使用的 ios 的 机型。逛了很多圈博客,很多是用了组件实现的,也不知道是我方法没用对还是怎么回事,我用的组件只能获取到安卓手机的机型,最后只能采用比较笨的方法了,根据苹果手机的像素比和分辨率进行区分,代码如下:
/
设备的像素比和设备分辨率表如下:
iPhone 3GS 35寸 => 320x480 => 1
iPhone 4/4s 35寸 => 320x480 => 2
iPhone 5/5s/5c 40寸 => 320x568 => 2
iPhone 6 47寸 => 375x667 => 2
iPhone 6Plus 55寸 => 414x736 => 3
iPhone 6s 47寸 => 375x667 => 2
iPhone 6sPlus 55寸 => 414x736 => 3
iPhone 7 47寸 => 375x667 => 2
iPhone 7Plus 55寸 => 414x736 => 3
iPhone 8 47寸 => 375x667 => 2
iPhone 8Plus5 55寸 => 414x736 => 3
iPhone X 58寸 => 375x812 => 3
iPhone XS 58寸 => 375x812 => 3
iPhone XS Max65寸 => 414x896 => 3
iPhone XR 61寸 => 414x896 => 2
/
let iPhone4_4s = windowdevicePixelRatio && windowdevicePixelRatio === 2 && windowscreenwidth === 320 && windowscreenheight === 480
let iPhone5_5s_5c = windowdevicePixelRatio && windowdevicePixelRatio === 2 && windowscreenwidth === 320 && windowscreenheight === 568
let iPhone6_6s_7_8 = windowdevicePixelRatio && windowdevicePixelRatio === 2 && windowscreenwidth === 375 && windowscreenheight === 667
let iPhone6P_6sP_7P_8P = windowdevicePixelRatio && windowdevicePixelRatio === 3 && windowscreenwidth === 414 && windowscreenheight === 736
接下来的机型大家可以根据上面的注释写下去,这里我只判断到了iphone8
打开CSDN,阅读体验更佳
iphone 屏幕大小及计算_杨宗卫的爸爸的博客_苹果屏幕
从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。 (1)按宽度适配 我们先来看一下iPhone4~6(+)的屏幕高宽比: iPhone4(
js判断ipad还是安卓_JS判断客户端是否是iOS或者Android或者ipad(二
判断方法:粗略判断只检索 "iphone"和"safari/"字符串,严格判断则要同时包含 "mozilla/","iphone","mobile/","safari/"四个字符串 iPhone版Opera Mobile: 特征表现: 以"opera/"开头,含有"iphone"字符串,同时含有 "opera mini/","
JavaScript 判断iPhone X Series机型的方法
写在前面 如果有更优雅的方式,一定要告诉我! 现状 iPhone X 底部是需要预留 34px 的安全距离,需要在代码中进行兼容。 现状对于 iPhone X 的判断基本是这样的: // h5 export const isIphonex = () => /iphone/gitest(navigatoruserAgent) && windowscreen && (windowscreenheight === 812 && windowscreenwidth === 375); 这在之前是没问题的,新的 iPhone X Series 设备发布之后,这个就会兼容就有问
swift 含iPhone14系列 具体机型判断(最新最全)
public extension UIDevice { var modelName: String { var systemInfo = utsname() uname(&systemInfo) let machineMirror = Mirror(reflecting: systemInfomachine) let identifier = machineMirrorchildrenreduce("") {
继续访问
H5页面适配所有iPhone和安卓机型的六个技巧_曲小强的博客
img标签的高清化,可以通过JS判断devicePixelRatio的值来加载不同尺寸的,但是对于背景图,写在CSS中的,用JS来判断就略麻烦了,还好CSS通过media query也能判断dpr。 目前兼容性最好的背景图高清化实现方式,使用media query的-webkit-mi
如何获取当前设备的机型(更新到iPhoneX)判断机型是否为iPhone X
判断机型是否为iPhone X,首先想到的是判断当前设备的机型,另外也可以从他的固有尺寸去判断: #define KIsiPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UI
最新发布 JS判断是否是ioS或者Android
JS判断是否是ioS或者Android
继续访问
js判断苹果ios各类机型
首先需要得到设备像素比/设备分辨率(根据下面设备表去判断) / iPhone 3GS35吋320x480@1x320x480 iPhone 4/4s35吋320x480@2x640x960 iPhone 5/5s/5c40吋320x568@2x640x1136 iPhone 647吋375x667@2x750x1334 iPhone 6Plus55吋414x736@3x1242x2208 iPhone 6s47吋375x667@2x750x1334 iPhone 6sPlus55吋414x7
继续访问
移动开发屏幕适配分析_weixin_34205076的博客
iPhone 3GS(非Retina屏幕)iPhone 4(Retina屏幕) 右边的明显要比左边的清晰,这是因为PPI要高,何为PPI。 1)PPI与DPI PPI和DPI这两个是密度单位,不是度量单位。 1 PPI(pixels per inch):图像分辨率 (在图像中,每英寸所包含的
100个原生的JavaScript实用功能代码片段_唐策的博客
40、原生JavaScript获取移动设备屏幕宽度 41、原生JavaScript完美判断是否为网址 42、原生JavaScript根据样式名称检索元素对象 43、原生JavaScript判断是否以某个字符串开头 44、原生JavaScript判断是否以某个字符串结束
iPhone12机型判断
iPhone12机型判断 case "iPhone13,1" : return "iPhone 12 mini"; case "iPhone13,2" : return "iPhone 12"; case "iPhone13,3" : return "iPhone 12 Pro"; case "iPhone13,4" : return "iPhone 12 Pro Max";
继续访问
iphonex系列机型判断
iphonex xs xr xsmax 判断 // iphonex xs xr xsmax 判断 export function isIphonX() { // iPhone X、iPhone XS var isIPhoneX = /iphone/gitest(windownavigatoruserAgent) && windowdevicePixelRat
继续访问
iPhone~iPhone14屏幕尺寸和分辨率的相关知识 ( DPI vs PPI pt vs px
iPhone 4和iPhone 3GS的屏幕尺寸实际上是一样的,都是35英寸。在屏幕上同样一个点,实际尺寸大小一样,只是在iPhone 4上单位英寸内的像素点更多,看起来更加细腻。 4 iPhone 6/6s Plus分辨率是1242 x 2208,为什么渲染后分辨率变为1080
纯JS判断iPhone准确机型,iPhone6~iPhoneXs Max
工作中所用到的对于iPhone各类机型的准确识别, 亲测可用,现在分享一下: //iPhone 6/6s/7/8 let isIPhone6 = /iphone/gitest(windownavigatoruserAgent) && windowdevicePixelRatio && windowdevicePixelRatio === 3 && wind
继续访问
js判断手机是否是苹果
前端开发会遇到判断设备类型是否是苹果端,记录一下js代码
继续访问
判断iPhone型号
#import <sys/utsnameh> #pragma mark -- 判断手机型号 -(NSString)judgeIphoneType { struct utsname systemInfo; uname(&systemInfo); NSString phoneType = [NSString stringWithCString: systemInfomachine encoding:NSASCIIString
继续访问
移动端:js如何判断当前的手机系统是安卓还是iOS
废话不多说,直接上代码: // 判断当前系统是ios还是安卓 let u = navigatoruserAgent; let isAndroid = uindexOf("Android") > -1 || uindexOf("Adr") > -1; //android终端 let isIOS = !!umatch(/\(i[^;]+;( U;) CPU+Mac OS X/); //ios终端 if (isAndroid) { consolelog('安卓手机') } i
继续访问
Javascript 识别iPhone、Android移动手机
通过userAgent简单识别访问设备类别
继续访问
html获取手机型号,前端通过js获取手机型号
###前段通过js获取手机型号需求:用户登录后记录当前的手机型号并记录插件:使用步骤:获取UA信息->根据安卓和IOS不同的处理IOS再通过插件mobile-device-js去获取型号安卓通过解析UA信息去获取build之前的信息得到手机型号//引入插件//获取userAgent信息var user_agent = navigatoruserAgent;consolelog(user_
继续访问
原生js判断iPhoneX系列手机型号
#原生js判断iPhoneX系列手机型号 static isIphone() { return /iphone/gitest(windownavigatoruserAgent) } static isIphonXSeries() { if (window !== 'undefined' && window && !thisisIphone()) return false; const xSeriesConfig = [ {
继续访问
ios在判断设备是ipad_使用JS判断设备终端是iPhone、iPad或者电脑(PC)
今天在做一个轮播广告的项目,轮播广告上有两个特效:第一就是鼠标经过变亮,再就是点击图会切换成文字描述的层且覆盖。通常这样的效果在PC端没什么问题的,但是到IPAD上面就会需要点击两下才能切换,所以我想了想,有没有办法让ipad上只执行点击的JS代码,而不执行滑动的代码,于是就想到了“用JS判断终端设备”来解决这个问题,下面就分享下方法:iPad 使用的是 Safari Mobile 浏览器
继续访问
JS判断是苹果系统(ios)还是安卓系统(Android)或者PC端
前言 今天看到一道面试题,JS判断是否是苹果系统(ios)和安卓系统(Android)客户端,一下就涉及到自己的知识盲区,赶紧亡羊补牢一下。顺便在拓展一下是pc还是移动端?pc端的话,又是在什么浏览器运行? JS判断是否是苹果系统(ios)和安卓系统(Android)客户端? <--!通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下--> <script type="text/javascript"> var u = na
继续访问
js判断手机机型
function judgeBrand(sUserAgent) { var isIphone = sUserAgentmatch(/iphone/i) == "iphone"; var isHuawei = sUserAgentmatch(/huawei/i) == "huawei"; var isHonor = sUserAgentmatch(/honor/i) == "honor"; var isOppo = sUserAgentmatc
继续访问
iOS Swift 判断手机机型 已更新 至iPhone12
/// 扩展UIDevice extension UIDevice { /// 获取设备具体详细的型号 var modelName: String { var systemInfo = utsname() uname(&systemInfo) let machineMirror = Mirror(reflecting: systemInfomachine) let ide
继续访问
移动端判断是android还是ios
多端开发
继续访问
热门推荐 史上最简单,js并获取手机型号
js获取手机型号
继续访问
js 根据屏幕尺寸判断是否为iphone14
前端
javascript
写评
//首先将两个DIV在样式表中都设为隐藏
var ua = navigatoruserAgenttoLowerCase();
if (/iphone|ipad|ipod/test(ua)) {
$("ios")show();
} else if (/android/test(ua)) {
$("az")show();
}
以上就是关于js获取历史url全部的内容,包括:js获取历史url、js中怎么获取当前屏幕宽度、JS 获取当前浏览器宽高等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)