周记(渐变色，读取iframe，Unexpected token)

2015/12/21--2015/12/27

1.径向渐变色

         这周还是在休整界面，之前接触背景渐变色都是线性，这周接触了径向渐变色的处理，关于径向渐变色，基本设置格式，

radial-gradient([[<shape>||<size>][at<position>]?,|at<position>,]?<color-stop>[,<color-stop>]+);	W3C标准径向渐变语法
background-image: radial-gradient(ellipsehsla(120,70%,60%,0.9),hsla(360,60%,60%,.9));	例句

        其他引擎对径向渐变色的处理及格式，以及详细属性设置，可以参考文章：

                   http://www.w3cplus.com/css3/new-css3-radial-gradient.html

 

2.关于对iframe内部元素的操作

         项目中有一个菜单页，里面有一个iframe引进内容页，为了动态的控制内容页body的大小，但有不想在每个内容页中去设置(动态控制要在每个页面中写js控制)，就想能不能再菜单页，取到iframe引进来的html的中的body，网上查了下，在firame所在html中可以通过js拿到iframe里面的全部元素。格式如下：

var ifrBody = iframe.contentWindow.document.getElementsByTagName("body")[0];

说明：1.这里的iframe代表iframe元素(可以通过document.getElementById()拿到)       2.contentWindow这个不能掉，是获取到iframe引用页的window对象       3. getElementsByTagName("body")，这里虽然body元素只有一个，但是该方法返回的是一个数组，取第一个元素才能得到body元素      4.这里同理，可以取到iframe内容页中过得全部元素，通过id获取格式如下           iframe.contentWindow. document.getElementById()

 

3.js引用文件报UncaughtSyntaxError: Unexpected token < 异常

         项目中的登录界面想引入一个js文件，结果效果没有出来，而且谷歌浏览器控制台报错打印出：Uncaught SyntaxError: Unexpected token < ，仔细检查了下，也没有什么地方缺少'<' 或其他字符，网上查了下，这里有一篇博文先放这里：

         http://blog.csdn.net/kingviker/article/details/7476403

说法很多，大部分说是js文件没有引进来，仔细比对了下，路径没错，但js文件确实也是没有起重要，后来才意识到被项目里的过滤器拦截了，在登录界面还没有登录，没有给js放行，在过滤器对.js文件添加放行后，报错消失了。这里先记录一下