初学者javascript_Javascript_Html_Css

初学者javascript

javascript html css

初学者javascript,javascript,html,css,Javascript,Html,Css,一般来说，我对JavaScript和web设计还不熟悉，我不明白为什么这不起作用有两个问题 1）我的页面标题不起作用，而在浏览器标题栏中显示的是“myHtml.html”。只有当我取出脚本的声明时，标题才有效 2）我希望JavaScript生成的文本是蓝色的，有没有办法做到这一点 HTML: <!DOCTYPE html> <html> <head class = "Header"> <title>JavaScript T

一般来说，我对JavaScript和web设计还不熟悉，我不明白为什么这不起作用

有两个问题

1）我的页面标题不起作用，而在浏览器标题栏中显示的是“

myHtml.html

”。只有当我取出

脚本的声明时，标题才有效
2）我希望JavaScript生成的文本是蓝色的，有没有办法做到这一点
HTML:
<!DOCTYPE html>
<html>
    <head class = "Header">
        <title>JavaScript Test</title>  
        <meta charset = "UTF-8">
        <link rel = "stylesheet" type = "text/css" href = "myCSS.css" > 
        <script type= text/javascript src= myJavaScript.js></script>
    </head>
<body class = "Body" onload = "testJavaScript()">
<p>
<noscript>
    Your javascript is disabled
</noscript>
</p>
</body>
</html>

function testJavaScript(){
var message = "You Have Javascript!!";
document.writeln(message);
}

@charset "UTF-8";

head.Header{
font-family:sans-serif;
color:green;
}

body.Body{
font-family:sans-serif;
color:blue;
}

CSS:
<!DOCTYPE html>
<html>
    <head class = "Header">
        <title>JavaScript Test</title>  
        <meta charset = "UTF-8">
        <link rel = "stylesheet" type = "text/css" href = "myCSS.css" > 
        <script type= text/javascript src= myJavaScript.js></script>
    </head>
<body class = "Body" onload = "testJavaScript()">
<p>
<noscript>
    Your javascript is disabled
</noscript>
</p>
</body>
</html>

function testJavaScript(){
var message = "You Have Javascript!!";
document.writeln(message);
}

@charset "UTF-8";

head.Header{
font-family:sans-serif;
color:green;
}

body.Body{
font-family:sans-serif;
color:blue;
}


JavaScript测试
.身体{
字体系列：无衬线；
颜色：蓝色；
}
window.onload=函数（）{
message=document.createElement（'P'）；
message.className=“Body”；
message.innerHTML=“你有Javascript！！”；
document.body.appendChild（消息）；
}

您的javascript已禁用


JavaScript测试
.身体{
字体系列：无衬线；
颜色：蓝色；
}
window.onload=函数（）{
message=document.createElement（'P'）；
message.className=“Body”；
message.innerHTML=“你有Javascript！！”；
document.body.appendChild（消息）；
}

您的javascript已禁用

当您使用document.writeln
时，onload
事件触发后（就像您在示例中所做的那样），整个DOM将被删除，因此没有HTML/CSS可以为您提供标题或蓝色文本
要测试您正在尝试执行的操作，请执行以下操作：
...
<body class="Body">
<p>
<noscript>
    Your javascript is disabled
</noscript>
<script>
    testJavaScript();
</script>
</p>
...

。。。

您的javascript已禁用
testJavaScript（）；

...

但是，我建议您根本不要使用document.writeln
（除非有充分的理由），而是使用DOM操作方法来包含文本（例如innerHTML
）@夏洛的回答也是一种方法。
当您使用document.writeln
时，onload
事件触发后（就像您在示例中所做的那样），整个DOM将被删除，因此没有HTML/CSS可以为您提供标题或蓝色文本
要测试您正在尝试执行的操作，请执行以下操作：
...
<body class="Body">
<p>
<noscript>
    Your javascript is disabled
</noscript>
<script>
    testJavaScript();
</script>
</p>
...

。。。

您的javascript已禁用
testJavaScript（）；

...

但是，我建议您根本不要使用document.writeln
（除非有充分的理由），而是使用DOM操作方法来包含文本（例如innerHTML
）@夏洛的回答也是一种方法。
不要注意脚本声明中没有引用的事实，我也尝试过使用它们。
是一个非渲染元素。您不能对其应用CSS样式，因为它不是文档的可见部分。为什么要向元素添加类？document.writeln
通常不是一个好主意。尝试使用DOM操作页面内容。不要注意脚本声明中没有引号，我也尝试过使用它们
是非呈现元素。您不能对其应用CSS样式，因为它不是文档的可见部分。为什么要向元素添加类？document.writeln
通常不是一个好主意。尝试使用DOM来操纵页面内容。也许你可以在答案中添加一些解释性文字来描述你所做的事情？去掉不必要的空白，在应该的地方添加引号，然后创建一个在页面加载时触发的函数。JS创建了一个包含消息内容的“”元素，然后将其插入到文档正文的末尾。我通过观察事物的运作而不是解释来学习。我阅读本机而不是翻译成功能性——因此上述内容对我来说是有意义的。我不能很好地翻译成人类。也许你可以在你的答案中添加一些解释性文字来描述你所做的事情？去掉不必要的空格，在应该的地方添加引号，然后创建一个函数，当页面加载时触发。JS创建了一个包含消息内容的“”元素，然后将其插入到文档正文的末尾。我通过观察事物的运作而不是解释来学习。我阅读本机而不是翻译成功能性——因此上述内容对我来说是有意义的。我没有很好地翻译成人类。我只是更新了我的答案，以展示如何使用文档。writeln
。。。正如我提到的，如果它发生在onload事件触发之前，您可以使用它。我刚刚更新了我的答案，以显示使用document.writeln
。。。正如我提到的，如果它发生在onload事件触发之前，您可以使用它。