html
theanarkh
这个作者很懒,什么都没留下…
展开
-
a标签的href知识小记
有时候我们会利用a标签作为交互的元素,但这里讨论的是点击a标签时不去执行默认行为时的情况。1.cliclk2.cliclk3.cliclk4.cliclk5.cliclk以上情况中1,2点击链接时会跳到页面的顶端,如果页面存在滚动条时,这样用户体验会不太好,而3,4,5则不会发生这种情况。不过有一种直接解决的办法就是,如果我们绑定了onclick等事件时,可以利用处理函数最原创 2016-01-19 14:07:53 · 432 阅读 · 0 评论 -
localStorage和sessionStorage
localStorage存储的变量可以在同域名的页面里互相访问,在不同域名的网页里是无法访问的,sessionStorage存储的是会话变量,浏览器关闭之后就会销毁变量。用http://localhost/1.html和http://www.cyb.com/1.html两个url访问,可以看到a变量在两个页面里是独立的,这时我再写一个http://www.cyb.com/2.html,代码和1原创 2016-05-31 18:25:30 · 627 阅读 · 0 评论 -
自制模态框和关于z-index的知识
clickhello確定取消world!確定取消$(function() {$("#one").click(function(){$("#dialog").show()})$("#ok").click(function(){$("#two").show()原创 2016-05-22 15:03:52 · 2842 阅读 · 0 评论 -
window.name做跨域应用
跨域的方法很多,不一一列举,今晚尝试了一下window.name这种方法,条件是a域名想拿到b域名的数据,并且a,b完全不同域,也就是不能通过设置document.domain来拿数据。像我们项目的前端后端代码不是放在一个服务器的,但是在一个子域名下,所以可以通过设置domain解决跨域问题,所以现在针对另一种情况进行实践。直接看代码。前端代码:原创 2016-07-14 00:22:42 · 851 阅读 · 0 评论 -
前端下载和显示图片的方法
php代码img.php$filename = "2.jpg";header('Content-Type:image/gif'); header('Content-Disposition: attachment; filename="'.$filename.'"'); header('Content-Length:'.filesize($filename)); readfi原创 2016-07-19 01:28:07 · 4063 阅读 · 0 评论 -
document.cookie小记
document.cookie;不断通过设置document.cookie=xxx;可以给cookie不断写入新的值,而不是重新赋值,如果键已经存在原来的cookie中,那么将会更新它的值,如果设置的时间比当前时间小,浏览器就会删除该键对应的信息。这就实现了对cookie的增删改。查询的话就解析cookie对应的字符串就行。原创 2016-07-20 23:44:07 · 1543 阅读 · 0 评论 -
浏览器事件之鼠标事件
鼠标事件分为按下鼠标mousedown,放开鼠标mouseup,移动鼠标,鼠标移入(2种:mouseenter,mouseover),鼠标移出(2种:mouseleave,mouseout)按下鼠标时只会触发一次鼠标事件而不是一直触发,放开鼠标也是,但是移动鼠标,鼠标移动事件会一直触发。如果给A元素绑定了mouseenter或者mouseleave,那么鼠标在进入移出该元素的最大范围时会触发相原创 2016-07-21 02:09:27 · 2599 阅读 · 0 评论 -
用window.name来解决不同网页间的数据通信
今天有个同事问到如何在原网页和被打开的网页中进行数据通信,用这里说一下用window.name的解决方法。 a.html<!doctype html><!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript" src="jquery-1.10.2.js"><原创 2016-10-20 03:02:05 · 1041 阅读 · 0 评论 -
chrome的Upgrade-Insecure-Requests: 1头
如果在https的页面需要加载http的资源,那么浏览器就会报错或者提示,为了促进用户升级协议,同时不需要网站开发者劳师动众地把整个网站的http资源改成https资源,chrome增加一个Upgrade-Insecure-Requests: 1头,告诉服务器,浏览器可以处理https协议,然后服务器返回Content-Security-Policy: upgrade-insecure-reque原创 2016-12-03 03:00:59 · 20971 阅读 · 0 评论 -
浏览器的各自位置和偏移
offsetLeft相对最近的定位父元素的内容边框左上角的左偏移,如果没有定位的父元素,则为body。offsetTop相对最近的定位父元素的内容边框左上角的左偏移,如果没有定位的父元素,则为body。offsetParent定位的父元素offsetLeft,offsetTop的参照物。clientLeft元素的左边框宽度clientTop元素的上边框宽度clientWid原创 2016-05-31 20:45:16 · 1071 阅读 · 0 评论 -
浏览器滚动条的兼容性问题
通用的属性window.pageXoffset,window.pageYoffset.(ie8以下版本不支持)ie,火狐下:document.body.scrollTop:0document.documentElement.scrollTop:xchrome:document.body.scrollTop:xdocument.documentElement.sc原创 2016-06-01 19:41:47 · 6481 阅读 · 0 评论 -
表单中的一些隐晦的bug
平时我们都是按照前人的用法和经验去使用一些知识,但我们并不是很了解其中的原理,直到我们遇到bug,才开始去深入分析和学习。直接上代码。 var form = document.getElementById('form'); form.submit();运行以上的代码,会出现error,信息是submit不是一个函数,下面我们来大概分原创 2016-01-19 14:38:15 · 826 阅读 · 0 评论 -
jsonp的简单原理
jsonp和跨域原创 2016-04-08 22:54:23 · 719 阅读 · 0 评论 -
处理textarea的空格和换行
刚发了一篇博客,然后发现csdn在发布用户的文章时好像没有处理输入的换行和空格,之前没有很在意,因为这次我辛苦缩进的代码居然显示一团糟,有点接受不了,鉴于最近做的需求遇到了这个问题,所以说一下这个问题,鉴于开发是在windows下的,linux和苹果有空再测试一下,因为不同的操作系统对换行的表示不一样。其实这个处理那挺简单的,用一句代码就可以解决了,“your string”.replace(原创 2016-05-28 01:39:59 · 17133 阅读 · 0 评论 -
关于Dom元素的属性(property)和特性(attribute)
关于这两个的问题一直是前端程序员的困惑,前几天看了一下网上的资料,前天恰好看了jquery作者的讲解,我的理解是属性是类似于js对象里的属性,可以随便写一个,特性是html里固有的变量,比如id和class等。下面说一下测试发现的结果。假设element变量代表一个dom元素。通过setAttribute("xxx",1)和element.xxx=1的形式设置值的时候,1.如果xxx是原创 2016-05-28 05:52:51 · 1483 阅读 · 0 评论 -
iframe跨域应用
http://www.cyb.com/iframe.html document.domain="cyb.com"document.getElementById('w').onload=function(){ document.getElementById('w').contentWindow.fn()} /*setTi原创 2016-05-05 00:01:11 · 563 阅读 · 0 评论 -
css中自适应的问题
自适应是前端开发中很多时候都需要用到的知识,比如定义一个div长和宽是页面的一半大小,我们可以这样。 html,body{ height: 100% } xxxxxxxxxxxxxxxx这个方法在各大浏览器中都能得到想到的效果,甚至在IE5,所以这原创 2016-05-28 15:01:12 · 764 阅读 · 0 评论 -
移动端点击后退时页面缓存的问题
<!DOCTYPE html><html><head> <title></title></head><body>sss<script type="text/javascript"> alert(1) window.onpageshow = function(e) { if (e.persisted) { alert('rel原创 2017-10-14 21:26:23 · 1055 阅读 · 0 评论