12 2017 档案
css设置超出部分文档隐藏（在table标签中不好使解决方案在下）
摘要：css设置： .text-over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer} div设置：<div title="简约大气 经典设计 超高性价比 1.8米环保皮艺双人床床超高性价比 1.
阅读全文
requestFullscreen（）事件全屏不好使怎么解决
摘要：标明：我在360和火狐中全屏requestFullscreen（）事件不好使； 解释：我后来发现我的页面是在iframe框架中使用的并且没有设置allowfullscreen="true"属性； 解决方案：设置allowfullscreen="true"属性，就解决了。 <iframe src="v
阅读全文
在iframe框架中全屏不好使的原因
摘要：遇到的问题：我是在iframe框架中添加了一个插件在360和火狐中不好使，将allowfullscreen="true" 属性配置好就没问题了； 可能出现的原因：将allowfullscreen="true" 属性配置好应该没问题 <iframe src="video.html" framebord
阅读全文
json和jsonp
摘要：说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。
阅读全文
利用阻止冒泡解决点击页面除去本身触发事件
摘要：事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。假设一个元素div，它有一个下级元素p。<div> <p>元素</p></div>这两个元素都绑定了click事件，如果用户点击了p，它
阅读全文
css样式： 宽高按一定比例进行自适应
摘要：纯 CSS 实现高度与宽度成比例的效果 最近在做一个产品列表页面，布局如右图所示。页面中有若干个 item，其中每个 item 都向左浮动，并包含在自适应浏览器窗口宽度的父元素中。 item 元素的 CSS 定义如下： .item { float: left; margin: 10px 2%; wi
阅读全文
input标签内容改变的触发事件
摘要：1. onchange事件与onpropertychange事件的区别： onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发；onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。 2. oninput事件与
阅读全文
JavaScript对象
摘要：三、JavaScript对象 1、函数 定义 用 Function 类直接创建函数的语法如下： 注意： js的函数加载执行与python不同，它是整体加载完才会执行，所以执行函数放在函数声明上面或下面都可以 函数调用 函数的内置对象arguments 匿名函数 2.Date对象 创建 获取日期或时间
阅读全文
PhotoSphereViewer 全景图
摘要：1网站地址：https://photo-sphere-viewer.js.org/demos/ https://photo-sphere-viewer-3.netlify.app/ demo地址：http://resource.haorooms.com/uploads/demo/media/3Dqj
阅读全文
for循环中的 break和continue的区别
摘要：break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。
阅读全文
input框和文字对齐问题
摘要：css样式解决！ 二、解决方案下面我将提供五种解决方案，有三个方案没有使用任何hack，且IE6，IE7，Firefox，chrome浏览器下表现都很好的，有一种方案使用了一个IE hack，但成本较低，各个浏览器表现良好。还有一种方案，代码成本很低，但在chrome浏览器下文字稍微偏上，使用inp
阅读全文
滚动条位置判断
摘要：//获取滚动条距离顶部位置function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop) { scrollTop = document.d
阅读全文
