Javascript 向HTML对象标记添加CSS引用

Javascript 向HTML对象标记添加CSS引用,javascript,html,reference,Javascript,Html,Reference,我有一个HTML文档,每天都会被完全覆盖。但我希望它的样式与CSS。我在“对象”标签内引用此文档到我的网站 网站代码: <!doctype html> <html> <head> .. <link rel="stylesheet" href="../stylesheet.css"> </head> <body> .. <object type="text/html" data="

我有一个HTML文档,每天都会被完全覆盖。但我希望它的样式与CSS。我在“对象”标签内引用此文档到我的网站

网站代码:

<!doctype html>
<html>
<head>
  ..
 <link rel="stylesheet" href="../stylesheet.css">
</head>

<body>
        ..
        <object type="text/html" data="../../test.html" width="100%" height="600" style="overflow: auto; border: 5px; ridge blue">
        </object>
        ..
   </body>
</html>

..
..
..
现在,由于我无法向“test.html”(显示在object标记中,因为第二天它会被覆盖)添加任何代码,我想知道是否有一种解决方法,将样式表链接到文档?也许是JavaScript或类似的语言

“test.html”代码是使用C代码生成的,从Excel文件中提取数据

感谢您在这件事上的任何帮助

您有两个选择:

  • 通过AJAX或其他方式,在主页的特定占位符(具有特定ID的元素)中导入该文档的主体。在这种情况下,您可以使用该占位符ID设置整个页面的样式,该占位符ID应为您提供适当的特定性(但不会防止
    !重要的
    规则)

  • 或者动态地将CSS注入该对象(使用
    object
    元素的
    contentDocument
    属性),装饰内部HTML

这两种语言显然都需要JavaScript。在本例中,我们最初使用后一种方法,在对象加载处理程序中运行CSS注入。这项工作相对顺利,直到我们遇到了与iOS中嵌入对象相关的大量bug,并且不得不切换回专用内容占位符。

您有两个选择:

  • 通过AJAX或其他方式,在主页的特定占位符(具有特定ID的元素)中导入该文档的主体。在这种情况下,您可以使用该占位符ID设置整个页面的样式,该占位符ID应为您提供适当的特定性(但不会防止
    !重要的
    规则)

  • 或者动态地将CSS注入该对象(使用
    object
    元素的
    contentDocument
    属性),装饰内部HTML


这两种语言显然都需要JavaScript。在本例中,我们最初使用后一种方法,在对象加载处理程序中运行CSS注入。这项工作相对顺利,直到我们遇到了与iOS中嵌入对象相关的大量错误,不得不切换回专用内容占位符。

为什么不能将CSS文件添加到HTML文件中?它是用一个你也不能更改的程序生成的吗?为什么你必须有内嵌的样式?为什么不能有一个外部样式表?我无法从C代码访问HTML标题。我正在使用一个库来生成HTML代码。我能做的最接近的事情就是将HTML代码(通过C#)注入Excel数据所在的主体中@Lucaw为什么不能将CSS文件添加到HTML文件中?它是用一个你也不能更改的程序生成的吗?为什么你必须有内嵌的样式?为什么不能有一个外部样式表?我无法从C代码访问HTML标题。我正在使用一个库来生成HTML代码。我能做的最接近的事情就是将HTML代码(通过C#)注入Excel数据所在的主体中@LucaI在第二种方法上做了一些谷歌搜索,找到了一些非常有前途的指南,我明天会研究这些指南。谢谢你的快速帮助!我在第二种方法上做了一些谷歌搜索,找到了一些非常有前途的指南,我明天会研究这些指南。谢谢你的快速帮助!