JavaScript入门知识

使用

在 HTML 中,JavaScript 代码必须位于 <script></script> 标签之间。

脚本可被放置与 HTML 页面的 <body><head> 部分中,或兼而有之;脚本也可放置与外部文件中。

外部脚本很实用,如果相同的脚本被用于许多不同的网页。

JavaScript 文件的文件扩展名是 .js

如需使用外部脚本,请在 <script> 标签的 src (source) 属性中设置脚本的名称

输出

window.alert("弹出警告框")
document.write("<h1>写入到HTML文档</h1>")
console.log("写入到浏览器的控制台")

变量

  • JavaScript中用var关键字声明变量,它是一门弱类型语言,变量可以存放不同类型的值。
  • 建议使用驼峰命名法
  • var允许重名变量,let不允许重名,const声明常量,let只在代码块类有效,如for循环内
var x=20
x="张三"
alert(x)

数据类型

  • number: 数字(整数、小数、NaN)
  • string: 字符、字符串(单引号双引号皆可)
  • boolean
  • null
  • undefined: 声明的变量未初始化时,该变量的默认值为undefined
  • object: 对象

使用typeof操作符可以用来检查一个变量的数据类型。

  • Array用于定义数组
var 变量名 = new Array(元素1,元素2...)

var 变量名 = [元素列表]
  • Object类型,我们也称为一个对象,是JavaScript中的引用数据类型。
var 对象名称 = {
    属性名称1: 属性值1
    属性名称2: 属性值2
    ...
    
    函数定义...
}

或先定义对象,再添加属性:

var person = new Object();
person.name = "孙悟空";
person.age = 18;

运算符

特殊之处:

var x1=1
var x2="1"
/*
    ==:先转换为同种类型再比较其值
    ===:类型和值都相同才返回true
*/
console.log(x1==x2)     //true
console.log(x1===x2)    //false

函数

 function FunctionName(参数1,参数2...) {
	执行代码
 }

或:

 var FunctionName=function(参数1,参数2...) {
	执行代码
 }
  • 在JavaScript中,函数即对象

  • 参数不需要类型,因为JavaScript是弱类型语言

  • 返回值不需要定义类型,在函数体内直接使用return即可

如:

function add(a,b){
    return a+b;
}

DOM

在这里插入图片描述

通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素。

常用的有:document.getElementById(id)——通过元素 id 来查找元素

事件

HTML 事件是发生在 HTML 元素上的”事情”。

当在 HTML 页面中使用 JavaScript 时,JavaScript 能够“应对”这些事件。

<body>
    <input type="button" value="点击" id="btn">
    <script>
        document.getElementById("btn").onclick=function(){
            alert("按钮被点击")
        }
    </script>
</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值