什么是javascript: JavaScript一种直译式脚本语言
什么是脚本语言?
? java源代码 ----> 编译成.class文件 -----> java虚拟机中才能执行
? 脚本语言: 源码 -------- > 解释执行
? js由我们的浏览器来解释执行
HTML: 决定了页面的框架
CSS: 用来美化我们的页面
JS: 提供用户的交互的
ECMAScript : 核心部分 ,定义js的语法规范
DOM: document Object Model 文档对象模型 , 主要是用来管理页面的
BOM : Browser Object Model 浏览器对象模型, 前进,后退,页面刷新, 地址栏, 历史记录, 屏幕宽高
变量弱类型: var i = true
区分大小写
语句结束之后的分号可以有,也可以没有
写在script标签内
alert() 直接弹框
document.write() 向页面输出
console.log() 向控制台输出
innerHTML: 向页面输出
获取页面元素: document.getElementById("id的名称");
? var 变量的名称 = 变量的值
? var 函数的名称 = function(){
? }
或者?
? function 函数的名称(){
? }
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function f() {
alert("123");
}
</script>
</head>
<body>
<input type="button" value="点我" onclick="f()">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function f() {
// alert("123");
var div = document.getElementById("div1");
// div.innerText = "<font color = red>那里</font>";
div.innerHTML = "<font color = red>那里</font>";
}
</script>
</head>
<body>
<input type="button" value="点我" onclick="f()">
<div id="div1">
这里
</div>
</body>
</html>
// div.innerText = "那里";
innerText是以纯文本的形式打印,不会转义特殊标签字符,结果如下图
原文:https://www.cnblogs.com/zllk/p/12833738.html