控制HTML中的字体大小并隐藏更改

时间:2014-06-13 12:38:14

标签: javascript html css

我有以下java脚本,用于根据URL参数更改字体大小和字体系列。 示例网址:www.myUrl.com/?font-size=30,font-family=sans

<script type="text/javascript">
    function shoham(){
    var all = document.getElementsByTagName("p");

    for (var i=0, max=all.length; i < max; i++) {
         // Do something with the element here
        var myTag = all[i];
        var fs =window.location.href.split("?")[1].replace("font-size=","")+"px";
        if (fs == "")
            myTag.style.fontSize = "18px";
        else
            myTag.style.fontSize = fs;
        var lh = window.location.href.split("?")[2].replace("line-height=","")+"px";
        if (lh == "")
            myTag.style.lineHeight = "26px";
        else
            myTag.style.lineHeight = lh;
        var ff = window.location.href.split("?")[3].replace("font-family=","");
        if (ff == 1)
             myTag.style.fontFamily="handlee";
        if (ff == 2)
             myTag.style.fontFamily="miriam";
        if (ff == 3)
             myTag.style.fontFamily="sans";
        if (ff == 4)
             myTag.style.fontFamily="flamenco";
        if (ff == "")
             myTag.style.fontFamily="sans";                  
    }
}
</script>
  </head>

  <body onload="shoham();">
    <div class="container">
      <div class="row-fluid">
        <span class="span12">
          <div class="div-1">

这不是一个好的解决方案,因为我可以看到字体在变化。 我想问一下你们中是否有人知道&#34;最佳实践&#34;没有看到字体变化的方法。

我想将文档设置为不可见,并且只有在加载字体后才能使其可见。 (因为目前我看到发生了变化)

由于

0 个答案:

没有答案