初步了解javascript

什么是JavaScript?

JavaScript是一种轻量级,解释型,面向对象的脚本语言。其主要被设计用于网页上实现动态效果,增加用户与网页的交互性。作为一种客户端脚本语言,JavaScript可以直接嵌入HTML,并在浏览器中执行。与HTML和CSS不同,JavaScript使得网页不再是静态的,而是可以根据用户的操作动态变化的。通过JS,我们可以处理用户输入,修改页面内容,与服务器进行交互等。

JS的作用

其应用领域包括但不限于:

1.客户端脚本:用于在用户浏览器中执行,实现动态交互效果和用户交互。

2.网页开发:与HTML和CSS协同工作,使得网页具有更强的交互性和动态性。

3.后端开发:使用Node.js,JS也可用在服务器端运行,实现服务器端应用的开发。

JS的简单使用

其可分为内联样式和外联样式。

内联样式:

可在head标签中实现,也可以在body标签内实现。

如head:

在script标签对中写入你的js代码。console.log()函数即在浏览器的控制台中打印括号中的文本。按F12快捷打开浏览器的控制台。

如body:

浏览器控制台中所呈现的文本如下:

外联样式

创建以js为后缀的文件,在html文件中通过script标签对的属性src导入js文件,完成外联样式的引入。

所呈现的效果如下:

这里提及一个alert函数。

弹出一个如下窗口,

关于JS的变量与定义

break:用于跳出循环,结束循环的执行。

continue:用于跳过当前循环中的剩余代码,继续下一次循环。

关于其语法语句跟C,C++类似,这里不再过多赘述。

JS的函数

类似于c,c++,形如下,

function 函数名(参数1,参数2.....){
   //函数的执行代码
     return 返回值;
}

简单举个例子,

JS事件

事件是指文档或浏览器窗口中发生的特定瞬间,例如用户的点击,键盘的按下,页面的加载等。常见的事件如下:

onClick:点击事件

onMouseOver:鼠标经过

onMouseOut:鼠标移出

onChange:文本内容改变事件

onSelect:文本框选中

onFoucs:光标聚集

onBlur:移开光标

事件就是函数触发的条件

事件绑定

JS绑定事件的方法有三种:

1.'HTML'属性   2.‘DOM’属性   3.‘addEventListener’属性

通过HTML属性绑定

DOM

在web开发中,DOM常与JS一起使用。当网页被加载时,浏览器会场见页面的文档对象模型,也就是DOM(Document Object Model)。每个HTML或XML文档都可以被视为一个文档树,文档树是整个文档的层次结构表示。文档节点是整个文档树的根节点。DOM为这个文档树提供了一个编程接口,开发者可以使用JavaScript来操作这个树状结构。

节点树

在js中获取各标签节点

修改各标签节点

关于DOM属性绑定事件

DOM对象常用方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值