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 基础

JavaScript 最初是由网景公司推出,为了让JavaScript更有规范性,网景把其交给了ECMA组织为其制定语法规范和标准,只当的标准就是ECMAScript。

JavaScript是什么

JavaScript是一门弱类型,解释性语言,简称js,主要用于构建用户交互式网页。JS中的一切皆对象。 JS是部分面向对象 的语言。
JavaScript目前由ESMAScript(JavaScript语法) 和 BOM、DOM 编程

JavaScript 的使用方法

Js作为脚本语言的一种,在HTML里有四种使用方式,分别是:行内样式,内嵌式,外链方式和浏览器控制台描述。在进行编程的时候推荐使用外链方式。
通过行内方式使用js
行内方式,使用Js在实际编程中不推荐使用,有很大的局限性。
对于常见的HTML标签:
on事件名 = “JS代码”

对于a标签的href属性
href = "JavaScript 代码 "

举个栗子:

// 实现了点击按钮弹出点击了按钮的对话框。
<button onclick = "alert("点击了按钮")">按钮</button>
// 实现了点击链接弹出点击链接的对话框。
<a href = "javascript:alert("点击了连接")>这是一个链接</a>"

内嵌方式
内嵌方式 JavaScript 一种常见形式,这种方式式把 JavaScript 代码放进script标签里面。

<script>
	JS代码
</script>

补充:script标签在一个页面中可以存在多个,且可以独立

外链方式
作为Js使用中最常见的一种更使用方式,它将Js代码和页面代码分离开来。使用script标签加文件路径引入。

<script src = "文件路径"></script>

直接在控制台书写
这里的控制台指,浏览器控制台,通过在浏览器控制台中输入js语句就可以运行,大多都用来作程序的调试。

Js 的注释

// 单行注释

/*
多行注释
*/

/**
* Js DOC
* 文档类型注释,说明某一段函数 和 某一块级功能的作用。
*/

JS的输出

弹出框
主要是用于项目的调试,但是因为弹框的出现会影响接下来的JS脚本的执行,所以开发的时候一般不会使用。

代码弹框形式返回值
alert(参数)普通弹框undefined
confirm(可选参数)确认弹框布尔值 true 或 false
prompt(可选参数)带输入框的弹框字符串,输入框中的内容

补充:这里的参数是提示信心,可有可无

控制台输出

代码作用参数解读
console.log(参数…)输出普通信息可传递一个或多个参数
console.warn(参数…)输出警告信息可以传递一个或多个参数
console.error(参数…)输出错误信息可以传递一个或多个参数
console.info(参数…)输出普通信息可以传递一个或多个参数
console.time(“标签”)开始计时本身没有输出,计算代码执行时间
console.timeEnd(“标签”)结束计时结束相同标签的 time 时间,输出经过时间
console.count(“标签”)计数从1 开始。标签相同的没则输出加一
document.write(”标签“)向页面内输出内容这个几乎不会使用,yougenghaode

补充:在输出时,可以使用\t来对齐输出内容,使用 \n来换行
而且,在控制台输出的文本可以添加行内style样式进行设定特殊的文本样式

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-28 12:18:13  更:2021-10-28 12:19:41 
 
开发: 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年11日历 -2024/11/24 3:07:41-

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