前端JS学习第一天-CSDN博客

本文链接：https://blog.csdn.net/AlgerCoto/article/details/125619264

目前是正在通过菜鸟教程进行一个对JS基础的联系

下面这个代码在JS中表示：直接写入HTML输出流

document.write("<h1>这是一个标题</h1>");

JavaScript：改变 HTML 内容

x=document.getElementById("demo"); //查找元素

x.innerHTML="Hello JavaScript"; //改变内容

使用 window.alert()

为了在页面刚加载时弹出警告框

显示现在的时间

写到控制台

通过浏览器F12选到控制台可以得出结果

关于字面量

<body>

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 123e5;
</script>

</body>

上面的代码所得到的结果为12300000

JavaScript 字母大小写

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

下面是我练习的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>我的WEB页面</h1>
    <p id="test1">段落1</p>
    <button type="button"  onclick="demo()" style="width: 300px; height: 300px;" >点我</button>
</body>
</html>
<script src="myscript.js">
</script>

还有JS内容

function demo(){
    document.getElementById("test1").innerHTML="我的第一个JAVA页面"
 };


//修改<p>里面的内容
 document.getElementById("test1").innerHTML="段落已修改。";


 //弹窗
 window.alert(20);

 //显示时间
 document.write(Date());

 document.write("你好 \
世界!");