JavaScript 是 Web 的编程语言,所有现代的 HTML 页面都使用
JavaScript是脚本语言(解析型语言),是弱类型语言,并且大小写敏感。
JavaScript的三种基本写法:
行内式:和标签写一行, alert是一个弹窗
<button type="button" onclick="alert('哈哈哈')"> </button>
嵌入式
写到<head>
</head> 里面
外联式:在新建一个文件,后缀为js,
<script src="外部JS的路径"></script>
JavaScript中的变量
number 数字 string字符串 boolean布尔 object 对象 null空 undefined 未定义
声明定义变量:var 变量名,可以重复声明变量,如果没有赋值看,会得到undefined
由于javascript 是弱类型语言,可以是任意类型赋值
控制台输出
Console.log(内容) 控制台打印
console.dir(变量),如果变量是对象,可以打印出 对象 里的内容(属性或方法);
如果一开始就去取 html中的元素,是取不到的,因为文档是从上往下执行,先执行js后执行html渲染,所以就会没有内容
解决办法:
1、将JavaScript写在要获取的元素后面
2、利用函数去触发 事件 去执行
3、利用window.onload = function(){要执行的代码},会在html渲染完之后,才执行 js 代码
tb.innerText = str 和 tb.innerHTML = str 区别
innerText 里 元素 里面的文本,即使是标签代码,也会原样输出,不解析代码
innerHTML 是 元素 里面的HTML 代码,浏览器会将 代码 解析
Js中的运算符 与 java 一致
**+**既有加法的含义,也有字符串拼接的含义,具体要看 运算的类型
函数parseInt(字符串类型的数字),也可以将 字符串类型的数字 转变成 数字类型 ,直接使用
NaN: not a number 不是一个数字 is NaN(变量) 用来检测 变量是否是一个数字
document 文档 DOM里的D,在js中也是个关键字, 对应整个代码的文档
document.body.bgColor 取到body标签元素的背景元素
document.getElementById(id的值),value 取到标签元素的值
document.getElementById(id的值),innerText 取到标签元素的文字