JavaScript详解

一、前置知识

1.1第一个JS程序

JavaScript 代码可以嵌入到 HTML 的 script 标签中。
在这里插入图片描述

1.2JS书写格式

1.2.1行内样式

直接嵌入到html元素内部
在这里插入图片描述

1.2.2内嵌格式

在这里插入图片描述
在这里插入图片描述

1.2.3外部格式

在这里插入图片描述
在这里插入图片描述
注意这种情况下,script标签中间不能写任何代码,必须空着,就算写了也不会执行

1.3注释

js程序也就是script标签中的注释和java中的注释一样

1.4消息打印

1.4.1控制台输出信息

console.log()

在这里插入图片描述
在这里插入图片描述

1.4.2弹出消息框

alert("要弹出的信息")

在这里插入图片描述
在这里插入图片描述

二、JS基础语法

2.1定义变量

在JS中使用关键字var来定义一个变量
JS中是有数据类型的区分的,因为JS是弱类型语言,所以
var可以代表所有的数据类型
在这里插入图片描述

2.2定义方法

使用function关键字来定义一个方法

function 方法名(参数){}
//参数可以没有

在这里插入图片描述

三、JS操作DOM

3.1得到控件

根据id得到控件

document.getElementById("元素id")

3.2操作控件

3.2.1获取元素值

document.getElementById("username").value

3.2.2设置元素的值

document.getElementById("username").value = "java";

四、jQuery

原生JS和jQuery比较:
在这里插入图片描述
在这里插入图片描述

引入jQuery:
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值