JavaScript简单入门

引入方式:

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");

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值