Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在HTML文件的主体或头部创建的JS脚本能否直接用于CSS代码?_Javascript_Html_Css - Fatal编程技术网

Javascript 在HTML文件的主体或头部创建的JS脚本能否直接用于CSS代码?

Javascript 在HTML文件的主体或头部创建的JS脚本能否直接用于CSS代码?,javascript,html,css,Javascript,Html,Css,我是网页开发新手,有一个技术问题。如果我编写一个javascript函数并将其放在HTML文件的头部或正文中,函数中的变量是否可以直接用于CSS代码中以改变内容定位之类的内容?或者必须从CSS文件调用该函数 感谢您的所有意见 您可以在自己创建的函数的html元素上应用CSS。或者请在这里传递一些代码,以便更清楚地了解它 一般情况如下: <html> <head> <script> function useCSS(){

我是网页开发新手,有一个技术问题。如果我编写一个javascript函数并将其放在HTML文件的头部或正文中,函数中的变量是否可以直接用于CSS代码中以改变内容定位之类的内容?或者必须从CSS文件调用该函数


感谢您的所有意见

您可以在自己创建的函数的html元素上应用CSS。或者请在这里传递一些代码,以便更清楚地了解它

一般情况如下:

<html>
<head>
    <script>
        function useCSS(){
            $("#myElement").css("color","red");
        }
    </script>
</head>
<body>
    <p id="myElement">This has to be changed!</p>
</body>
<script>

    // function can be written anywhere in the script file or tags but ,has to be called after the element is loaded on page
    useCSS();
</script>

函数useCSS(){
$(“#myElement”).css(“颜色”、“红色”);
}
这必须改变

//函数可以写入脚本文件或标记中的任何位置,但必须在页面上加载元素后调用 useCSS();

编写JavaScript允许您直接修改DOM,而不是CSS代码。这会产生与您预期相同的效果,但方法不同。如果您使用脚本元素来编写JS,您可以使用它来更改内容定位,但要注意加载CSS和脚本的顺序,以避免任何冲突。

否,您不能从CSS调用函数。JS将允许您控制DOM元素。

两者都不可能。要在CSS中使用JS变量,必须从JS函数设置CSS,而不能在CSS中调用函数files@treddie“JS”代表“JavaScript”。所以“JS脚本”就是“JavaScript脚本”。我想你要问的是,例如,如果你的JavaScript代码用给定的类创建了一个元素,并且这个类在你的CSS文件中声明,那么这个给定的类/样式是否会应用于这个新元素?如果是,答案是肯定的。不过,如果您提供代码会更好。JavaScript和CSS是两种独立的语言,由不同的“引擎”驱动。在JavaScript中创建的变量只能由更多JavaScript处理。但是,JavaScript可以作为CSS样式对象访问您的CSS样式,并以这种方式动态更改CSS。您确实可以使用JavaScript使用有趣的、尚未见过的方式修改CSS代码。然而,考虑到该标准尚未正式采用,这可能不会对OP.Cool有用。谢谢你的信息!CSSOM已经存在很多年了,虽然还不是标准,但它在所有现代浏览器中都得到了完全支持。诚然,我们应该了解标准,但标准需要很多年才能达到CR状态,供应商也不会等待CRs实施这些标准。CSSOM已经足够成熟,可以放心地使用。在
标记后添加任何代码都是无效的,除了
标记。是的,我很快就写了,你是对的。但这是有效的,没有错误,因为这是HTML,我们可以做任何我们想做的事情,这不是一件大事。好的,谢谢你的更正。:-)呃,不,那根本不是真的。浏览器不会抛出验证错误,因此当您出错时不会收到警告,但这些错误会对页面的呈现方式以及在不同客户端之间呈现页面的方式产生很大影响。您应该始终编写有效的HTML,如果您没有使用在键入时进行验证的编辑器,则可以在处对其进行验证。