前端功能
竹叶青青呦呦鹿鸣
这个作者很懒,什么都没留下…
展开
-
刷新验证码
<label class="focusa">看不清?<a href="#" οnclick="reImg();" class="c-blue">换一张</a></label> function reImg(){ $("#code").attr("src", 'http://192.168.1.238:9501/api/captcha...原创 2019-08-21 16:03:20 · 206 阅读 · 0 评论 -
兼容IE
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />原创 2019-08-21 17:01:24 · 81 阅读 · 0 评论 -
html头部底部如何加载
对前端来说最好的方法就是使用jQuery的load函数/*导入头部和尾部*/$(document).ready(function(){ $(".footer").load("page/footer.html");});但是注意,此时的footer.html不需要是完整的HTML,包含标签内容即可<!--footer.html页面--><footer> ...原创 2019-08-21 17:04:42 · 524 阅读 · 0 评论 -
弹性图片
在现代浏览器中要实现图片随着流动布局相应缩放非常的简单,只需要在CSS中作如下声明:img{ max-width:100% }这样就可以使图片自动缩放到与其容器100%匹配。更进一步,可以将同样的样式应用到其他标签上。如:img,object,video,embed{ max-width:100% }这样多媒体元素都可以自动缩放了。但要考虑几个问题,第一,要提前准备一张足够大的图片,...原创 2019-08-21 17:11:51 · 572 阅读 · 0 评论 -
移动端注意事项
移动端,需要注意的比较多,但也方便了前端工作,因为不用考虑兼容。一、手机页面的标准头规范字符编码使用utf-8:指定页面手机内存缓存中的存储时间段device-width:通知浏览器使用设备的宽度作为可视区的宽度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比...原创 2019-08-22 17:19:46 · 133 阅读 · 0 评论 -
JS遍历网页数组
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...原创 2019-08-22 17:29:19 · 391 阅读 · 0 评论 -
jQuery 获取 table 行列
//获取表的总行数 tr$("#tbRAF").find("tr").length ;//获取所在行的行号$(this).parent().prevAll().length + 1;//行号//获取所在列的列号$(this).prevAll().length + 1;//列...原创 2019-08-22 17:33:40 · 524 阅读 · 0 评论 -
表单验证
<html><head><meta charset="utf-8" /><script type="text/javascript" src="script/jquery-1.4.2.min.js"></script><script type="text/javascript">$(function(){ $...原创 2019-08-22 17:43:39 · 94 阅读 · 0 评论