引入方式:
1内部脚本:使用<script>标签引入
2 外部脚本:<script src= " ">标签引入外部脚本
位置一般放在<body>标签之外,
javaScript的输出语句
使用 window.alert();//写入警告框
使用 document.write();//写入HTML
使用console.log();//写入控制台
变量使用
var声明变量
let关键字,用let声明的变量只有在let所在的代码块内有效
const 申明一个只读变量,一旦声明常量值不改变
JavaScript的数据类型
number :数字
string:字符串
boolean :布尔
null:空
undefined :当申明的变量初始化时,该变量的默认值时iundefined
运算符
大部分和java差不多
== 和=== 的区别
==会进行类转换,===不会进行类型转换
流程控制语句
和java一样
Array对象
方式1:var 变量名= new Array(元素列表)
方式2:var 变量名=[元素列表]
长度可变
String 对象
1 var 变量名 = new String()
2 var 变量名=“s”;
var 对象名 ={
属性名称:值,
方法名:function() {
方法体
};
}
BOM对象模型
BRowerObject Model
javaScript将浏览器的各个部分封装成了各个对象
组成
window :浏览器窗口对象
Navigator :浏览器对象
Sceen;屏幕对象
History:历史记录对象
Location:地址栏对象
Window可以直接使用,其他对象可以通过window 获取
它们的方法可以查看文档
DOM
Document Object Model 文档对象模型
。将标记语言(如html ,xml)的各个部分封装成对象
Element: 元素对象
Document: 整个文档对象
Attribute:属性对象
Text:文本对象
Comment:注释对象
通过DOM,javaScript就可以对HTML进行操作了
。改变HTML元素的内容
。改变HTML元素的样式
。对HTML的事件作出反应
。添加和删除HTML元素
具体内容查看文档
事件绑定
有两种方式
1.通过HTML标间中的属性进行绑定
<input type="butto" οnclick='on'>
function on() {
alert("114514");
}
2 通过DOM元素属性进行绑定
<input type="button“ id=“btn">
document .getElementById("btn").οnclick=function()
{
alert("1919810");
}