记录前端开发疑难杂症集合及易遗忘语法

欢迎来到前端开发疑难杂症集合及易遗忘语法

1. Js之将“false”转换为false

JSON.parse('false')

2. 踩坑：H5页面，部分IOS机型的 ＜img＞标签显示不出

代码举例如下：

	<div class="img-box"><img src="图片路径"/></div>
	<style>
	.img-box img {
		width: 100px;
	    height: 100px;
	}
	</style>

这样写本身没问题，无论是网页，还是模拟器，安卓机或是高版本的ios真机测试都正常显示，但是问题就出在部分老ios机型上;在考虑了很多种情况下，终于发现问题所在，原因就在样式上面，所以我们将上面代码修改如下即可解决此问题。

	<div class="img-box"><img src="图片路径"/></div>
	<style>
	.img-box {
		width: 100px;
	    height: 100px;
	}
	.img-box img {
		width: 100%;
	    height: 100%;
	}
	</style>

虽然问题解决了，但是依然不明白，为什么ios直接将高宽写在标签上是无法实现的，必须在img上加一个父元素，然后在父元素上写上高宽，然后将img的高宽继承父元素。难道是ios不识别img标签吗？

3. PC端中要求iframe中的滚动条样式同移动端一样粗细，滚动条样式修改不生效，故只能加宽iframe的宽度遮挡滚动条

 iframe {
      width: calc(100% + 10px);
  }

4、获取iframe对应的url

window.parent.document.getElementById('toIframe').contentWindow.location