技术分享共109篇 第2页

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

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

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

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

CSS响应式屏幕宽度自动适应

CSS响应式屏幕宽度自动适应-雪哥尔
.XulgrMax{ font-size: 32px; font-weight: 600; margin: 20% 50px 0 50px; color: red; } @media screen and (max-width: 900px){ .XulgrMax{ font-size: 24px; font-weight: 500; margin: 40p...
11个月前
01797

PHP获取当前url链接的一些函数

PHP获取当前url链接的一些函数-雪哥尔
示例链接:https://xulgr.com/test/xulgr.php?qq=2037555766 $_SERVER['SERVER_NAME'] //获取当前链接的主域名,输出结果:xulgr.com $_SERVER['SERVER_PORT'] //获取当前链接的端口号,输出结...
11个月前
01266

CSS粘滞定位:页面滑动到某位置时使其固定不动,随父元素结束解除固定

CSS粘滞定位:页面滑动到某位置时使其固定不动,随父元素结束解除固定-雪哥尔
先在父元素加上(如果没有父元素,可直接用body添加) position: relative; 然后在需要粘滞的元素加上 position: sticky; top: 0px; 即可生效。   需要注意的是: 父元素不能有overflow:hi...
1年前
029014

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

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

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

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

CSS字体引入格式

CSS字体引入格式-雪哥尔
几个免费字体下载网站: https://ztxz.org.cn/ https://font.chinaz.com/ https://www.foundertype.com/   一般下载下来是单个ttf或otf字体文件,很多都体积比较大,直接引入单个字体文件...
1年前
01640

PHP判断安卓苹果Windows用户当前的操作系统

PHP判断安卓苹果Windows用户当前的操作系统-雪哥尔
<?php $userAgent = $_SERVER['HTTP_USER_AGENT']; if(strpos($userAgent,'iPhone') || strpos($userAgent,'iPad') || strpos($userAgent,'iPod')){ echo '苹果'; }else if(strpos($userAgen...
1年前
01020

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年前
01550