1

我有一个嵌入文本文件的网页。文本文件被命名为“Broadcast.txt”，它的顶行有 .LOG 用于在每次打开时输入时间戳。除此之外没有其他特殊功能。我找不到如何更改嵌入对象的显示字体。我在 Dreamweaver 中寻找任何可以让我们显示更大字体的设置，但无济于事。这是我拥有的代码片段：我尝试将字体更改为 42pt，但它仍然有效。我尝试更改 CSS 中的设置，它仍然不会影响对显示的小字体的更改。有任何想法吗？

<div class="container">
  <div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background: #C6D580; display:block;" /></a> 
    <!-- end .header --></div>
  <div class="content">
    <h1>&nbsp;</h1>
<h2>&nbsp;</h2>
    <p>  <OBJECT DATA="Broadcast.txt" TYPE="text/html" WIDTH="600" HEIGHT="400" ALIGN="bottom" STYLE="width:96%;margin:2%;">
        <EMBED SRC="U:\Web Pages\Web Templates\greeny_blu\Broadcast.txt" WIDTH="600" HEIGHT="400" ALIGN="bottom"></EMBED>
      </OBJECT> </p>
    <p>&nbsp;</p>
  <!-- end .content --></div>

好的，那么这样做呢？我正在通过 JS 阅读它，它现在在一个框架中。我仍然无法隔离字体。这是我所拥有的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <!-- TemplateBeginEditable name="doctitle" -->
  <title>ISC Impact Summary</title>
  <!-- TemplateEndEditable -->
  <META HTTP-EQUIV="REFRESH" CONTENT="10"> <!--
  This is the automatic refresh setting for this web page. It is in seconds. 
  -->
  <html>  
  <style type="text/css">
  body {
    background-color: #06F;
  }
  .Style1 {
    font-family: Calibri;
    font-size: 24em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    background-color: #C0C0C0;
}
  body,td,th {
    color: #CF0;
}
  </style>
  <head>  
  <script type="text/javascript">   
  function init(){      
  var extText = window.frames[0].document.getElementsByTagName("HTML")[0].outerHTML; 
  document.getElementById("nMessage").innerText = extText; }
  </script>
  <!-- TemplateBeginEditable name="head" -->
  <!-- TemplateEndEditable -->
  </head>  
  <body>
  <div>
    <div align="center">
      <h2>ISC Critical Alert Summary</h2>
    </div>
  </div>


   <div>
  </div>
  <div align="center" style="font-size:42;"><!-- TemplateBeginEditable name="EditRegion1" -->
  <iframe src="Broadcast.txt" width="96%" marginwidth="2%" height="400" marginheight="2%" align="middle"     scrolling="Yes" class="Style1" id="messageTxt" style="font-size:42pt" >ISC Critical status</iframe>
    <!-- TemplateEndEditable -->
  </div>   </body>  
</html>
4

1 回答 1

2

您不能从“主”html 更改任何参数。浏览器将 iframe 和嵌入式文档与父级隔离开来。

您可以通过 javascript 加载文本或使用 html 而不是 txt。

技术细节:)

t.txt - 是带有文本的文件。您可以为其设置完整的 url 或将其放置在此页面附近并仅设置其名称。

    <!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="utf-8">
    <title>ISC Impact Summary</title>
    <style type="text/css">
        .b-box_with_grand_text{
            font-size: 42px;
        }
    </style>
    <!--copy this block. jQuery is get from google servers-->
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        // this possible write on clean JS
        $(document).ready(function(){
            $.get('t.txt', function(data) {
                // #echo_file = id from div
                $('#echo_file').html(data);
                alert('Load was performed.');
            });
        })
    </script>
    <!--end copy-->
</head>
<body>
<!--in this block txt file content will be posted. 
Just copy id in place where you want place text-->
<div id="echo_file" class="b-box_with_grand_text"></div>
</body>
</html>

这可行，但它加载昂贵的库 jQuery。

于 2012-07-06T21:29:06.793 回答