Question

我目前正在使用Vert.x.我可以轻松加载所需的js文件，但是当涉及到CSS时，没有任何东西可以加载。所以我想我的最后一招是编写一些js来设置这些css规则（超级最后的手段就是将CSS写入内部的html文件）。

有一个很好的方法吗？我想的是：

function loadIndexCss()
{
    document.getElementById("p2").style.color="blue";
    document.getElementById("p2").style.fontFamily="Arial";
    document.getElementById("p2").style.fontSize="larger";
}

将其保存在文件中，然后：

<script type="text/javascript" src="../css/css.js"></script>

<body onload="loadIndexCss()">
    <form id='frm_login'>
        <fieldset >
            <legend>Admin Login</legend>
            <label for='u' >Username: </label>
            <input type='text' name='username' id='u' maxlength="25" class="blocky"/>
            <label for='p' >Password:  </label>
            <input type='password' name='password' id='p' maxlength="25" class="blocky"/>
            <br/>
            <input type='button' name='Login' value='Login' id="btn_login" />
        </fieldset>
    </form>
</body>

这甚至会起作用吗？如果这是愚蠢的，请教导:)）

Answer 1

是的，这应该有效。您也可以通过脏方式创建命名样式标记：

<style id="sty"></style>

然后添加CSS：

 document.getElementById("sty").innerHTML = "a {color: blue}";

如何使用javascript加载css规则？

1 个答案: