javascript基础(二) 创建简单的脚本

本文介绍了如何在HTML页面中添加JavaScript代码,包括直接内嵌和外部链接两种方式,并讨论了这两种方式的优缺点。此外还介绍了JavaScript的基本语法,如变量定义、运算符使用等,并通过实例展示了如何使用事件处理器实现页面与用户的交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

创建简单的脚本

2.1在web页面里添加javascript

添加javascript代码有两种方式:
(1)、使用<script></script>标签将javascript语句直接包含在HTML文件里。

(2)、把javascript代码保存到单独的文件,然后利用<script>标签的src属性把这个文件包含到页面里。

第二中方法的好处有:(1)、保持代码简洁,提高易读性和可维护性。(2)、更新javascript代码时,这些跟新可以立即作用于使用这个javascript文件的页面。(3)、可以稍微改善一点性能,浏览器会把包含文件进行缓存,当前页面或其他页面再次需要使用这个文件时,就可以直接从内存读取了。

注:一般情况下把javascript代码放到页面的<head>区域,从而让文档的其他部分能够调用其中的函数。(免去声明的麻烦)

2.2javascript语句

语句书写方式还有注释的方式与c语言相似。

2.3变量

变量命名方式:使用字母、数字、美元符号和下划线。(javascript是区分大小写的)

2.4操作符

算术操作符和操作符的优先级和c语言是相似的。

不同:对字符串使用"+"

javascript把它用于两个或多个字符串的连接(按照顺序组合)

注:如果把操作符“+”用于一个字符串变量和一个数值变量,javascript会把数值转换为字符串,再把两个字符串连接起来。

2.5捕获鼠标事件

1、 为页面增加与用户的交互式javascript的基本功能之一。

事件:鼠标位置、鼠标是否点击或按了按键,页面是否完整加载到浏览器等。

javascript使用“事件处理器”来处理事件。

2、onclick事件处理器

onClick事件处理器几乎可以用于页面上任何可见的HTML元素。使用它的方式之一是给HTML元素添加以个属性:
onClick = “....一些javascript语句”

3.onMouserOver和onMouseOut事件处理器

当鼠标进入页面上的某个元素占据的区域时,会触发onMouseOver事件。而onMouseOut事件,在鼠标离开这一区域时触发的。








评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值