HTML共21篇
排序
iframe页面利用JS点击事件到父级页面执行
只需在子页面的JS前加上window.parent即可实现在父级执行。 示例：父级页面 <iframe src='iframe.html' frameborder='0'></iframe> 示例：iframe页面HTML内容 <a href='javascri...
使用js点击复制按钮将textarea框隐藏
完整代码 <style> #xulgr-bzm-input{ position:absolute; top:-9999px; left:-9999px; } </style> <p id='xulgr-bzm-text'>被复制的内容</p> <textarea id='xulgr-b...
无需textarea或input标签JS直接实现元素内容复制
前言 之前我发过复制类的JS代码（使用js点击复制按钮将textarea框隐藏-雪哥尔 (xulgr.com)），其中只是使用CSS隐去textarea文本框而已，对于HTML布局来说有点不美观，这次我想到了利用JS创建inp...
CSS居屏幕正中
<style> body{ background-color:#000; } .xulgr-table{ width:100%; height:100%; border:0; text-align:center; cellpadding:0; cellspacing:0; }.xulgr-table td{ text-align:center; ...
简单的JS实现选项卡Tab非同级切换
网上大部分选项卡代码是在同个父级下实现的，这样对前端比较难设计显示出来的样式，所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件，然...
CSS3鼠标:hover经过元素呼出显示图片
当鼠标停留在设置的元素时呼出图片，移开后隐藏。 CSS代码 .xulgr-hovershow .xulgr-hovershow-img { opacity:0; transform:translateY(6px); transition:.4s; } .xulgr-hovershow:hover .xulgr...
HTML中用php或js获取当前完整url链接
利用JS获取当前完整url链接： <script>document.write( window.location.href );</script> 这个可以很好的用在404错误或重定向里，主要用于来显示当前链接。 利用php获取当...
PHP判断微信和QQ内置浏览器，使用Layer弹出层自定义页面提示用户到浏览器打开
首先用PHP判断用户是否在微信内置浏览器和判断QQ内置浏览器访问网站的，是的话直接用echo ''输出Layer内容（注意头部先引用layer和jquery） <?php // 定义layer $xga = ' <script&...
html基本响应式布局代码
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'> <!--[...
微信小程序去掉HTML富文本中带标签的代码
最近在弄个小程序，发现对接wordpress获取的文章摘要里显示代码标签，像<p>、<a>、<br>这些，然后找了很久才整合了个纯前端的修复方法 直接在wxml中随意行添加以下mod...
