自定义的JS文件如下
<script type="text/javascript">
//获取浏览器名称
function getbrowser(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Opera") > -1){return "Opera"}; //判断是否Opera浏览器
if (userAgent.indexOf("Firefox") > -1){return "FF";} //判断是否Firefox浏览器
if (userAgent.indexOf("Safari") > -1){return "Safari";} //判断是否Safari浏览器
if(u_agent.indexOf("Chrome")>-1){return "Chrome";}
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera){return "IE";} ;
//判断是否IE浏览器
}
//进行缩放 //el 要缩放的dom对象 //xSacle x方向缩放的大小 //yScale y方向缩放的大小
function zoomEle(el, xScale, yScale) {
var name = getbrowser();
style = el.getAttribute('style') || "";
if(name=="IE") {
if(document.compatMode == "CSS1Compat"){//模式匹配 解决ie8下兼容模式
el.style.width = el.clientWidth * 2.0;
el.style.height = el.clientHeight * 2.0;
}
el.style.zoom = xScale;
}else if(name=="FF"){
el.style.transform = 'scale(' + xScale + ', ' + yScale + ')';
el.style.transformOrigin = '0px 0px';
}else {
el.setAttribute('style', style + '-webkit-transform: scale(' + xScale + ', ' + yScale + '); -webkit-transform-origin: 0px 0px;');
}
}
window.onload = function(){
zoomEle(document.getElementById('f1'),0.5,0.5);
}
</script>
子栏目内容区域代码如下：
<iframe id="f1" src="http://www.sojump.com/jq/8075301.aspx" width="100%" height="1000" style="overflow:auto;"></iframe>
现在无论是在网站设置的HEAD区引用JS代码还是在子栏目的HEAD区引用JS代码都无效
请问该如何实现？？
