初识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标签的属性值列在上面的图片中

------------恢复内容结束------------

原文地址:https://www.cnblogs.com/cmd5/p/13412796.html