javascript共40篇 第3页

html用js获取显示当前网址链接

html用js获取显示当前网址链接-雪哥尔
<script>document.write( window.location.href );</script>  
4年前
03630

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

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

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

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

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

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

JS判断手机触摸、PC滚动条和PC鼠标滚轮的向上或向下滑动

JS判断手机触摸、PC滚动条和PC鼠标滚轮的向上或向下滑动-雪哥尔
第一种:判断触摸屏(手机平板)手指的向上或向下滑动 var startY = 0; document.addEventListener('touchstart',function(e){ startY = e.changedTouches[0].pageY; },false); document.addEve...
1年前
02270

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

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

简单的JS返回顶部和一键切换背景色和颜色(日间夜间模式)

简单的JS返回顶部和一键切换背景色和颜色(日间夜间模式)-雪哥尔
HTML <button id='xgtotop'><i class='xulgricon'>&#xe621;</i></button> <button id='xglink'><i class='xulgricon'>&#xe692;</i></but...
1年前
02080

PHP判断微信和QQ内置浏览器,使用Layer弹出层自定义页面提示用户到浏览器打开

PHP判断微信和QQ内置浏览器,使用Layer弹出层自定义页面提示用户到浏览器打开-雪哥尔
首先用PHP判断用户是否在微信内置浏览器和判断QQ内置浏览器访问网站的,是的话直接用echo ''输出Layer内容(注意头部先引用layer和jquery)   <?php // 定义layer $xga = ' <script&...
2年前
02050

PHP、JS和vue基本的url带参传参

PHP、JS和vue基本的url带参传参-雪哥尔
PHP的比较简单 //url直接输入 http://xulgr.com/?参值1=参数1&参值2=参数2&参值3=参数3 //输出 参数1:<?php echo($_REQUEST['参值1']);?> 参数2:<?php echo($_REQUEST['参值...
1年前
02040

制作一个页面载入loading加载完毕动画收缩

制作一个页面载入loading加载完毕动画收缩-雪哥尔
粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分: <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...
1年前
02020