<body>
<input type="button" onclick="alert('行内引入js');"></input>
</body><head>
<script type='text/javascript'>
alert("内部引入js");
</script>
</head>prototype 原型对象Last updated
<head>
<script type="text/javascript" src="test.js"></script>
</head>// 外部引入时，通常要等页面加载完成后进行操作
window.onload = function() {
alert("外部引入js");
}基本数据类型：String、Number、Boolean、Nndefined、Null、Symbol
引用数据类型：Object、Array、Functionvar name = "Toki";<script>
typeof undefined // undefined
typeof null // object
null === undefined // false
null == undefined // true
</script><script>
var add = (function (a, b) {
return function () {return a + b;}
})(1, 2);
add(); // 返回 3
</script><script>
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
}
Person.prototype.name = function() {
return this.firstName + " " + this.lastName;
};
</script><script>
alert(); // 弹窗
document.write(); // 在页面渲染之前将 HTML 代码写到文档
console.log(); // 控制台输出
typeof "Toki" // 查看类型
</script><script>
document.getElementById("id").innerHTML = "新内容";
document.getElementById('id').style.backgroundColor = 'red';
</script><script>
// 获取 ID 为 form1 的表单
var form1 = document.getElementById("form1");
// 获取 name 为 form2 的表单
var form2 = document.forms["form2"];
// 获取第3个表单
var form3 = document.forms[2];
</script><script>
// 获取 name 为 username 的表单元素
var form1 = document.forms["form1"];
var objUsername = form1.elements["username"];
// 获取第1个表单的元素
var objUsername = form1.elements[0];
// 获取第3个表单的元素
var objUsername = form1.elements[2];
// 获取 name 为 Toki 的所有元素
var objToki = form1.elements["Toki"];
alert(objToki.length);
alert(objToki[1].value);
</script><body>
<input type="button" onclick="alert('当鼠标点击时弹窗');">
<form method="post" onsubmit="alert('当表单提交时弹窗');"></form>
</body><body>
<input type="button" id="btn1">
<input type="button" id="btn2">
</body>
<script>
document.getElementById("btn1").onclick = function(){
alert("点击了按钮1");
}
function test(){
alert("点击了按钮");
}
document.getElementById("btn2").onclick = test;
</script>