前端学习
关注
分享
扫一扫
m0_52813455
这个作者很懒，什么都没留下…
展开
-
js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
一：js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.pr转载 2021-06-23 17:49:42 · 298 阅读 · 0 评论 -
jquery获取当前页面的URL信息
1、设置或获取对象指定的文件名或路径。window.location.pathname例：http://localhost:8086/topic/index?topicId=361alert(window.location.pathname); 则输出：/topic/index2、设置或获取整个 URL 为字符串。window.location.href例：http://localhost:8086/topic/index?topicId=361alert(window.location.hr转载 2021-06-10 11:14:54 · 2328 阅读 · 0 评论 -
某一指定位置的div在窗口滚动到指定位置的时候fixed定位
目的：将附近机构一栏在滑动时固定为顶部的导航栏直接上代码，亲测好用<div class="navigation bg-white" style="z-index:990;width: 100%"> <div class="nearby pull-left" style="margin-left: 0.08rem;padding-top: 0.2rem;">附近机构</div> <div class="pop pull-left"原创 2021-06-03 16:02:42 · 477 阅读 · 0 评论 -
input框 type=“submit“ 和“button“有什么区别
HTML中input框 type=“submit” 和 type="button"主要从元素定义类型、点击触发动作两个方面来区别。一、元素定义类型的区别：1、<input type="button /> 定义为一个可点击的按钮。2、<input type="submit /> 定义为一个提交按钮。提交按钮会把表单数据发送到服务器。二、点击触发动作的区别：1、<input type="button /> 如果没有添加onclick事件的监听，点击时没有任何反应。转载 2021-05-25 11:26:04 · 2656 阅读 · 0 评论 -
input搜索框实时检索功能实现（亲测有效，超级好用）
一：目前监听input输入框有三种方法：第一种是onchange事件，触发条件：内容改变且失去焦点。第二种是onpropertychange事件，触发条件：元素内容改变即触发，另外js改变内容，该元素的属性改变也会触发。但只在IE11以下支持。第三种是html5的oninput事件，触发条件：value值的改变，但是js方式改变value不会触发，且在IE8以上及其他标准浏览器支持。二：采用最简单的html5的oninput事件，onchange事件触发条件无法达到理想的输入即检索，onproper转载 2021-05-14 18:27:32 · 5667 阅读 · 0 评论 -
使用jQuery设置disabled属性与移除disabled属性
Readonly只针对input和textarea有效，而disabled对于所有的表单元素都有效，下面为大家介绍下使用jQuery设置disabled属性表单中readOnly和disabled的区别：Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会转载 2021-05-14 11:29:42 · 1099 阅读 · 0 评论 -
去除input边框
<input class="phone" style="font-size: 1.125rem;border: 0px;outline: none;" name="phone" pattern="[0-9]{11}" maxlength="11" type="tel" value="{$phone}" placeholder="请输入体检人手机号码" notmatchtips="请输入正确的手机号码">border: 0px ：去除input边框；outline:none ：去除当点击in原创 2021-05-14 10:50:04 · 98 阅读 · 0 评论 -
radio的change事件失效
应该绑定ifChecked事件$("input[name='radioName']").on('ifChecked', function(event){ test();});原创 2021-05-12 15:42:22 · 1561 阅读 · 0 评论 -
HTML如何实现滚动文字
一、HTML滚动文字marquee 滚动文字标签在一个页面中会有很多多媒体元素，比如动态文字、动态图象、音视频等，而最简单的就是天价滚动文字了，在HTML中，如果我们想要添加滚动文字，需要使用marquee标签。我们先来看一下最简单的示例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>marquee</title>转载 2021-05-08 15:16:41 · 15198 阅读 · 0 评论 -
js获取当前页面及前一页面网址
var nowurl = document.URL;var fromurl = document.referrer;console.log("当前页面"+nowurl);console.log("前一页面"+fromurl);转载 2021-05-06 11:19:31 · 1547 阅读 · 0 评论 -
HTML设置超出规定显示范围的内容隐藏
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style> div{ width: 10em; /*保证文字不会被半汉字截断,显示10个文字*/ overflow: hidden; /*超出长度的文字隐藏*/转载 2021-05-06 10:37:41 · 2103 阅读 · 0 评论 -
解决移动端html页面出现X轴横向滚动条问题
最近在用 Bootstrap 写一个需要适配 WEB 和 WAP 的网站，写完后发现 WAP 端总是会出现横向滚动条，也就是 X 轴滚动条，导致 WAP 端页面左右滑来滑去，很是令人蛋疼，即使设置了 overflow-x： hidden和 width:100% 也无法去除，通过各种途径寻找解决方法，最终在 张鑫旭 大神的一篇文章里找到了最终解决方法，在这里记录一下防止之后自己用得到时还需要重新找，也为那些同样有这方面问题的童鞋提供方便。出现这种问题的主要原因就是，由于内容较多导致出现Y轴滚动条，占用了页面转载 2021-05-06 09:51:20 · 3476 阅读 · 1 评论 -
span文字仅显示两行
文字仅显示两行span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}转载 2021-05-06 09:37:15 · 3112 阅读 · 0 评论