Question

下面这段js代码在电脑和安卓手机上可以动态加载phone2.css文件，在iphone5手机上却不能加载？求救....

<script type="text/javascript">
var link = document.createElement( "link" );
link.type = "text/css";
link.rel = "stylesheet";
link.href = "<%=path%>/eservice/facade/<%=facade%>/css/phone2.css";
document.getElementsByTagName( "head" )[0].appendChild( link );
</script>

Answer 1

<script>

document.write('<link href="<%=path%>/eservice/facade/<%=facade%>/css/phone2.css

" rel="stylesheet" type="text/css" />');

</script>

在header里插入这个JS试试？

另外说下这几种方法：

第一种：
var style = document.createElement('link');
style.href ='style.css';
style.rel = 'stylesheet';
style.type = 'text/css';
document.getElementsByTagName('HEAD').item(0).appendChild(style);//这里检查下
第二种简单：
document.createStyleSheet(style.css);
动态的 style 节点，使用程序生成的字符串：
var style = document.createElement('style');
style.type = 'ext/css';
style.innerHTML="body{ background-color:blue; }";
document.getElementsByTagName('HEAD').item(0).appendChild(style);
但是在上面只能在Firefox兼容，在IE里却不支持。
var sheet = document.createStyleSheet();
sheet.addRule(’body’,'background-color:red’);
如果按照上面的话就能成功，但是很麻烦，要把字符串拆开写。
我一直在搜索着用javascript定义样式的代码，终于找到了，代码如下。
document.createStyleSheet("javascript:'body{background-color:blue;'");
但用上面的javascript代码唯一的缺点就是url 最大 255 个字符，长一点的就不行了，经过 SXPCrazy 提示，将代码进行修改成如下：
window.style="body{background-color:blue;";
document.createStyleSheet("javascript:style");
完美解决！