javascript共40篇

父级和子级iframe的一些交互

父级和子级iframe的一些交互-雪哥尔
一。子级iframe执行父级页面的一些操作 可以使用window.parent直接执行或调用父级的元素和函数 直接看这篇吧   二、父级执行子级iframe页面的一些操作 <iframe id='XulgriFrame' src='h...
4个月前
1118

JS使用navigator.platform硬核判断移动端和PC端,调试器也判断

JS使用navigator.platform硬核判断移动端和PC端,调试器也判断-雪哥尔
我之前发的一些JS或PHP判断用户浏览器或操作系统都是用navigator.userAgent标识头来判断,但如果PC端浏览器打开控制台开发者模式时可以通过模拟设备来改变成安卓手机或苹果手机端,这样userAgen...
6个月前
1178

JS禁止用户打开调试,判断用户浏览器进入开发者模式并跳转

JS禁止用户打开调试,判断用户浏览器进入开发者模式并跳转-雪哥尔
//禁止右键菜单 document.oncontextmenu = function(){ return false; }; //禁止F12快捷键 document.onkeydown = function(e){ if (e.keyCode === 123) { return false; } }; //当用户打开控制...
6个月前
1337

JQ选项卡Tab非同级切换并同步下划线滑动效果

JQ选项卡Tab非同级切换并同步下划线滑动效果-雪哥尔
上次我写了 简单的JS实现选项卡Tab非同级切换-雪哥尔 (xulgr.com) 的这篇博文,用起来感觉还不够丝滑,这次添加了下划线(也就是border-bottom)样式,达到切换任意相邻或不相邻的TAB时都能实现...
11个月前
03147

JS判断页面是否被iframe嵌套

JS判断页面是否被iframe嵌套-雪哥尔
1.判断当前页面是否在iframe中 //方式一 if(self.frameElement && self.frameElement.tagName == 'IFRAME'){ alert('在iframe中'); } //方式二 if(window.frames.length != parent.fram...
1年前
018513

JS判断浏览器宽度

JS判断浏览器宽度-雪哥尔
  $(window).width(); 注意此为JQ方法,需要引入JQ
1年前
01389

简单的JS实现选项卡Tab非同级切换

简单的JS实现选项卡Tab非同级切换-雪哥尔
网上大部分选项卡代码是在同个父级下实现的,这样对前端比较难设计显示出来的样式,所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件,然...
1年前
01767

无需textarea或input标签JS直接实现元素内容复制

无需textarea或input标签JS直接实现元素内容复制-雪哥尔
前言 之前我发过复制类的JS代码(使用js点击复制按钮将textarea框隐藏-雪哥尔 (xulgr.com)),其中只是使用CSS隐去textarea文本框而已,对于HTML布局来说有点不美观,这次我想到了利用JS创建inp...
1年前
023914

iframe页面利用JS点击事件到父级页面执行

iframe页面利用JS点击事件到父级页面执行-雪哥尔
只需在子页面的JS前加上window.parent即可实现在父级执行。 示例:父级页面 <iframe src='iframe.html' frameborder='0'></iframe> 示例:iframe页面HTML内容 <a href='javascri...
1年前
03247

JS载入页面后立即自动触发点击事件

JS载入页面后立即自动触发点击事件-雪哥尔
//getElementById('绑定的id') //querySelector('绑定的.CSS或#id') //getElementsByName('绑定name的值') var XulgrClickNow = '#xulgr'; if(document.all) { //兼容IE document.querySelector...
1年前
02229