写入到html元素

    <p id="demo">一个段落</p>
    document.getElementById("demo").innerHTML = "段落已修改。";
    运行结果：<p id="demo">段落已修改。</p>


document(文件)  .get(获得)   elementbyid(ID)   ("demo")(括号+双引号+需修改的元素ID)  .innerhtml（<p>和</p>中间的文字）   =（修改成）  "段落已修改。";(修改后的内容+双引号+分号)


    document.getelementbyid("demo").innerhtml = "段落已修改。";

输出元素

document.write("<p>这是一个段落。</p>");
document.write("<p>一个段落</p>");

点击写入到html元素

function myFunction(){
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
<button type="button" onclick="myFunction()">点击这里</button>

点击事件弹出警告框

  <input type="button" id="aa" value="弹出警告框" />
        document.getElementById('aa').onclick = function(){
        alert(1);
        }

点击按钮弹出警告框

<button type="button" onclick="alert('欢迎!')">点我!</button>

点击改变样式

<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
    x=document.getElementById("demo") // 找到元素
    x.style.color="#ff0000";          // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>

引用外部js文件

<script src="1.js"></script>

弹出警告框显示数据

<script>
window.alert(5 + 6);
</script>

操作html元素

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

写到html文档

<script>
document.write(Date());
</script>

数据类型

var length = 16;                                  // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

JavaScript 对大小写是敏感的。

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

函数 getElementById 与 getElementbyID 是不同的。

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

声明变量并赋值

<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
    var carname="Volvo";
    document.getElementById("demo").innerHTML=carname;
}
</script>

输出：Volvo而不是carname

一条语句，多个变量

您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：

var lastname="Doe", age=30, job="carpenter";
声明也可横跨多行：

var lastname="Doe",
age=30,
job="carpenter";
一条语句中声明的多个变量不可以同时赋同一个值:

var x,y,z=1;
x,y 为 undefined， z 为 1。

未声明的变量，值是：undefined


重新声明 JavaScript 变量
如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

var carname="Volvo";
var carname;

JavaScript 算数

您可以通过 JavaScript 变量来做算数，使用的是 = 和 + 这类运算符：

实例
y=5;
x=y+2;

JavaScript 对象

<script>
var person = {Name:"小米", lastName:"Doe", age:500, eyeColor:"blue"};
document.getElementById("demo").innerHTML =
    person.Name + " 现在 " + person.age + " 岁.";
</script>
结果：小米现在 50 岁.

访问对象属性

var person = {

firstName: "John",
lastName : "Doe",

}

    
    person.firstName + " " + person.lastName;

结果：John Doe

或者

person["firstName"] + " " + person["lastName"];

结果：John Doe

创建和使用对象方法。

结果：
对象方法是一个函数定义,并作为一个属性值存储。

不加括号输出函数表达式：function() { return this.firstName + " " + this.lastName; }

加括号输出函数执行结果：John Doe

<script>
var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566,
    fullName : function() 
    {
       return this.firstName + " " + this.lastName;
    }
};
document.getElementById("demo1").innerHTML = "不加括号输出函数表达式："  + person.fullName;
document.getElementById("demo2").innerHTML = "加括号输出函数执行结果："  +  person.fullName();
</script>

参考
JavaScript 教程 | 菜鸟教程
https://www.runoob.com/js/js-tutorial.html