javaScript的简介与用法

1.javaScript是被广泛用于Web的应用开发的一种网络的脚本语言,常为开发者所用,添加各种各样的网页效果,为用户提供更流畅美观的网页效果。

2.javaScript的脚本是通过嵌入在HTML页面中来实现自身功能。在HTML 中的脚本必须位于 标签之间。 脚本可被放置在 HTML 页面的<body>和<head>部分中。

3.javaScript语言标准是由ECMAScript来规定它的编程语法和基础核心知识。

4.DOM(Document Object Model):文档对象模型,描述处理网页内容的方法和接口。

5.BOM(Browser Object Model):浏览器对象模型,描述与浏览器进行交互的方法和接口。

特点:

(1)是一种解释性脚本语言(代码不进行预编译)。

(2)主要用来向 HTML 页面添加交互行为。

(3)可以直接嵌入 HTML 页面,但写成单独的 js 文件有利于结构和行为的分离。

(4)跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、 Mac、Android、iOS 等)

6.在HTML页面中插入<script></script>标签对,来引入javaScript文件(开始和结束),浏览器会执行在<script>之间的javaScript代码。

7.Javascript 在 HTML 文档中的位置:

*内部的 Javascript 可以在 HTML 文档中放入不限数量的脚本。 脚本可位于 HTML 的<body>或<head>部分中,或者同时存在于两个部分中。 通常的做法是把函数放入<head>部分中,或者放在页面底部。这样就可以把它们安 置到同一处位置,不会干扰页面的内容。

8.外部的 Javascript 脚本文件 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。 外部 JavaScript 文件的文件扩展名是 .js。 如需使用外部文件,请在<script>标签的"src"属性中设置该".js"文件的引用路径。你可以将脚本放置于<html>或者<body>中 实际运行效果与您在<script>标签中编写脚本完全一致。

注意:外部脚本不能包含<script>标签。

 

9.案例:

运用html代码和javaScript代码写的简单小案例:

(1).在<head>内部标签中插入”.css“文件,在外部css文件中写页面的基础样式,能实现许多动画效果,能够美化页面,是页面的”门面担当“,常为用户提供更多美观的页面效果。

(2)通过在HTML页面中的<body></body>标签里编写代码,来进行页面的基础布局,是页面的”规划师“。

(3)在<body></body>内编写代码,注意不能出现同样的类名和id名,命名时应遵守系统命名规则,否则会引起系统混乱。

(4)在<body></body>内通过<script></script>标签写js代码,在页面加载事件中,先获取id,绑定点击事件,再编写点击事件的样式。

(5)add() 向页面加载事件中添加项目或对象。

(6)通过console.log()方法可以在控制台输出,来查看是否获取到绑定点击事件的id,若成功获取则证明已经绑定。

 

 

 

 

 

 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值