初识JavaSript-JavaScript主要特点,运用在HTML中的三种用法,基本语法
------------恢复内容开始------------
JavaScript的主要特点:
- 解释性
- 基于对象
- 事件驱动
- 跨平台安全性
解释性:JavaScript不同于一些编译性的程序语言一样,它是一种解释性程序语言,其源代码不需要经过编译,而是直接在浏览器中运行时被解释
基于对象:JavaScript是一种基于对象的语言,这就意味着它能运用自己已经创建的对象
事件驱动:JavaScript可以直接对用户或客户输入作出响应,无需经过WEB服务程序。它对用户的响应是以事件驱动的方式进行的。事件驱动就是指在主页中执行了某种操作所产生的动作,此动作称为“事件”。例如,按下鼠标、移动窗口、选择菜单等都是可以视为事件。当事件发生后,可能会引起相应的事件相应。
跨平台:JavaScript依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可以正确执行
安全性:JavaScript是一种安全性语言,不允许访问本地的磁盘,不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或者动态交互 目的:有效防止数据的丢失
JavaScript的应用场景:
- 验证用户输入内容
- 动画效果
- 窗口应用
- 文字特效
- jQuery效果
- Ajax技术的应用
JavaScript在HTML中的3种使用方法:
- 在页面中直接嵌入JavaScript
- 链接外部JavaScript文件
- 作为特定标记的属性值使用
在页面中直接嵌入JavaScript:
<script type="text/javascript"></script>
这里值得注意的是,在页面中直接嵌入JavaScript,
1、我们要关注script标签插入到位置:
<script>和</script>这一对标签既可以插入到head标签里面,也可以插入到body标签里面
2、整个HTML文档中可以使用多个script标记,并且各个script标签中的JavaScript代码之间可以互相访问
链接外部JavaScript文件:
<script type="text/javascript" src="index.js"></script>
作为特定标记的属性值使用:
1.通过 “javascript:” 调用
在 HTML 中,可以通过“javascript:” 的方式来调用JavaScript的函数或方法 示例代码如下:
<a href="javascript:alert('您点击了这个超链接')">点击</a>
在上述代码中使用了 “javascript:” 来调用 alert() 方法,但是该方法并不是在浏览器解析到“javascript:”时就立刻执行,而是在单击该超链接时才会执行
2.与事件结合调用
与事件结合可以调用执行JavaScript的方法或者函数 示例代码如下:
<input type="button" name="" value="按钮" onclick="alert('您点击了这个按钮')">
什么是事件?
例如:单击鼠标左键、按下键盘、弹起键盘、移动鼠标等等都是事件
这次我们用了 onclick 是单击事件,它的作用是单击对象时就会触发JavaScript的方法或者函数
JavaScript基本语法
- 执行顺序
- 大小写敏感
- 空格与换行
- 每行结尾的分号可有可无
- 注释
执行顺序:JavaScript 程序按照在HTML文件中出现的顺序逐行执行 函数体内的代码,不会被立即执行,只有当所在函数被其他程序调用时,该代码才会被执行
大小写敏感:HTML是不区分大小写的,例如:在JavaScript中,变量username与变量userName是两个不同的变量
空格与换行符:
在JavaScript中会忽略的东西:
1、空格
2、换行
3、制表符
注意:除非这些符号是字符串或正则表达式中的一部分.
所以,我们可以在程序中使用这些特殊符号来进行排版,让代码便于阅读
JavaScript中有个金句:换行即“断句” 意思就是换行能判断一个语句是否已经结束
如以下代码表示两个不同的语句:
a = 100
return false
return
false
每行结尾的分号可有可无:
这里最大区别就是和Java了,我每天都会写分号(;),保持我创作的灵感,我(励志成为)是JAVA软件工程师. (;)会作为语句的结束标记. 在javaScript中,语句结束处没有分号,它就会自动将该行代码的结尾作为语句的结尾.
例如下面,两行代码都是正确的
alert('欢迎,添加我的QQ:3123215554,建站,搜索引擎优化排名,个人软件app,微信小程序,ios Mac应用开发外包业务,本人都统统拿下')
alert('欢迎,添加我的QQ:3123215554,建站,搜索引擎优化排名,个人软件app,微信小程序,ios Mac应用开发外包业务,本人都统统拿下');
建议每行代码的习惯就是添加(;)
注释:
// 这是单行注释
/*
这是多行注释
哈哈哈哈哈哈
...
*/
/* 多行注释在一行的表达 */
基本这一篇文章就到这里了,下面是script标签的属性,script标签属于HTML的知识,大家要时常复习,温故知新
注:有关script标签的属性值列在上面的图片中
------------恢复内容结束------------