IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript基础 -> 正文阅读

[JavaScript知识库]JavaScript基础

JavaScript与HTML、CSS的区别

介绍:使用HTML和CSS,可创建一些漂亮的网页,但熟悉JavaScript后,就可以创 建其他类型的网页了。
使用HTML和CSS时,你做的主要工作都是声明型的,例如指出一些文本为段落,或指出属于sale类的元素都为红色。使用JavaScript时,则要给网页添加行为,为此需要对计算进行描述。你需要知道如何描述类似于下面的事情

  • 对所有的正确答案求和,以计算用户的得分;
  • 用户单击按钮时,播放声音;
    -取回我最近发布的消息,并将其放到这个网页中

JavaScript的书写位置

介绍:JavaScript 书写位置有三种 行内式,嵌入式,外链式,通过这三种方法就可以将JavaScript加入到网页中。
行内式
概念:HTML标签中有一些事件属性 (带有on前缀表示在当前元素触发鼠标经过、鼠标 离开、鼠标单击事件等等) 如 onclick 鼠标单击元素时, 将JS代码书写在HTML标签的事件属性中。
格式:<标签名 事件属性 = “js代码” >

<input type="button" value="点我试试" onclick="alert('Hello World')" />

嵌入式
概念:与嵌入css相似,JavaScript允许使用

<script>
  alert('Hello World');
</script>

外链式
概念:JS代码它可以单独的保存为一个以.js为扩展名的文件然后通过HTML中的

<script src="js文件路径位置" ></script>

demo.js文件

alert('Hello World');

index.html文件

<script src="demo.js"></script>

script标签属性

  1. type 该属性定义script元素包含或src引用的脚本语言。属性的值为MIME类型;支持的MIME类型包括text/javascript, text/ecmascript, application/javascript, 和 application/ecmascript。如果没有定义这个属性,脚本会被视作text/javascript在HTML5中无需显示设置该属性。
  2. src 这个属性定义引用外部脚本文件的路径,该属性可以用来代替直接在文档中嵌入脚本。指定了 src 属性的script元素标签内不应该再有嵌入的脚本。

常用输出语句

alert()
介绍:alert在英文是“警告”的意思,它主要是用来向当前的浏览器窗口中弹出一个警告提示框。该方法更多的是用于代码的调试。alert方法会阻止代码往下执行

alert('hello')

document.write()
介绍:该方法主要是用来向body标签中输出write()小括号里面的内容

console.log()
介绍:向浏览器开发人员专用的控制台调试工具中的“console” 选项卡中输出内容。console的英文意思是“控制台” log是“日志”的意思。

var message = "Howdy" + " " + "partner";
// 将需要输出在控制台的值传递给console.log,传入的值将显示在浏览器的控制台中。控制台包含代码写入到日志的所有输出。
console.log(message);

console.log可以同时输出多个值
console.log(值1,值2,值3,值4…)
console.log(变量名1,变量名2,变量名3,变量名4…)

变量

概念:变量来源于数学,是计算机语言中用来储存计算结果或能表示值的抽象概念。在使用JavaScript开发时,往往需要产生一些数据,并将其存放起来,方便读取使用。简单地说变量就是用来保存数据的容器,可以用来保存任何值。
语法:JavaScript 提供了一个var(变量,variable)关键字用来声明变量存储值。
var 变量名 = 值
注意:除数字、字符串和布尔值外,变量还可存储其他类型的值,这将在稍后介绍;但不管存储的是哪种类型的值,变量的创建方式都相同。

var 变量名 创建变量时,也可以不给它指定初始值,而在以后再给它赋值。要在创建变量时不指定初始值,只需省略赋值部分即可

// 省略等号和值时,只是声明了一个可供以后使用的变量。
var losers;

// 在后续代码中向变量losers赋值, 在JavaScript中 = 就是一个赋值运算符,用来将指定值赋给变量
losers = 100

同时声明多个变量:

// 方法一:同时声明多个变量不赋值
var age, username, sex;

// 方法二:声明多个变量同时赋值
var age = 10,username = "zhangsan",sex="男";

变量的命名规范

概念:不同于HTML标记,JavaScript区分大小写,这意味着大小写很重要。counter和Counter是两个不同的变量。并且变量的命名有一些规范:变量名必须以字母、下划线或美元符号开头。后使用任意数量的字母、数字、下划线或美元符号。
一、什么是变量的命名规则和规范?
声明变量的时候,需要遵循哪些规则和规范:

1、变量由字母(a-z A-Z) ,数字(0~9),下划线(_),符号$等组成的
    【注意,变量不能以数字开头的】
    【注意,变量名不要以 $ 作为开始标记,会与很多 JavaScript 库冲突。】

2、不能是JavaScript中的关键字和保留字
    关键字,在js中已经被规定为特殊功能的字
    保留字,不可以作为变量,不可以作为函数名,对象名等等,有的保留字为以后js扩展使用  
    【let和const 原来还是保留字,现在es6中,这两个已经被作为关键字存在了】

二、命名规范

1、驼峰命名法 
   第一个单词全部小写,从第二个单词开始,每个单词的首字母是大写的
     比如: youNameIsLiLi  youHeight   setUserName
2、下划线连接法 
 每个单词之间使用下划线连接  
 比如:you_name_is_li_li   you_height   set_user_name 
 注意:声明的变量名要有意义,建议声明变量时,写的变量名要符合你要写的内容,见名知意
var $f = 1;

var _age = 19;

var userName = 'Tom';

不能使用任何内置保留关键字作为变量名,如var、function、false等,以免让JavaScript感到迷惑。因此,给变量命名时,务必远离这些禁区。下面列出了JavaScript保留关键字
在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-28 00:12:45  更:2021-07-28 00:13:04 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/6 2:26:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码